RepositoryTypeScriptVNVietnam
HoangYell

HoangYell/markdy-com

🎬 Open-source animated architecture diagrams as code. Diagram-native DSL, 17 layout engines, Web Animations API, and MCP server for AI agents.

105stars
3forks
0issues
8views

Thành tựu nổi bật

Những danh hiệu mới nhất của dự án

1
TINIX TRENDING·Chủ đề: diagram-as-code

#1 Repository Của Tuần

1
TINIX TRENDING·Chủ đề: web-animations-api

#1 Repository Của Tuần

1
TINIX TRENDING·Chủ đề: animated-diagrams

#1 Repository Của Tuần

🎬 Markdy: Viết animation như viết Markdown

DSL animation độc lập, không cần Canvas hay GSAP.

Markdy là một Animation DSL engine mã nguồn mở, cho phép người dùng viết animation bằng cách định nghĩa các actor, timeline và tương tác trong một ngôn ngữ DSL đơn giản, tương tự như Mermaid nhưng dành cho chuyển động. Engine sẽ tự động render bằng Web Animations API.

✨ Điểm nổi bật

  • Parser không phụ thuộc: @markdy/core là TypeScript thuần, không cần DOM hay runtime deps
  • Renderer web-native: Dùng Web Animations API + CSS transforms, không Canvas, không GSAP
  • Nhân vật figure: Loại figure dựa trên emoji với các chi mác điều khiển và biểu cảm khuôn mặt
  • Chương + camera: Hỗ trợ scene "title", camera.pan/zoom/shake, thời gian tương đối @+N:
  • Chú thích, import, preset: Hỗ trợ caption, import "..." as ns, macro preset <name>(...)
  • Thân thiện AI: DSL có cấu trúc rõ ràng, dễ LLM sinh và kiểm chứng

💡 Vì sao đáng chú ý

Markdy khác biệt so với các công cụ animation truyền thống bằng cách mang Markdown đến cho motion — giúp người dùng tập trung vào logic kể chuyện thay vì cấu hình phức tạp. Phù hợp để tạo diagram kiến trúc động, video giảng dạy, hoặc nội dung storytelling trên web.


#AnimationDSL #WebAnimationsAPI #OpenSource #DeveloperTools #TiniX

Similar Projects

Discover other similar projects and AI models.

RepositoryTypeScript
n8n-io/n8n

Fair-code workflow automation platform with native AI capabilities. Combine visual building with custom code, self-host or cloud, 400+ integrations.

209.1k
Oct 30, 2026
RepositoryTypeScript
microsoft/vscode

Visual Studio Code

194.4k
Oct 29, 2026
RepositoryTypeScript
heygen-com/hyperframes

Write HTML. Render video. Built for agents.

75.9k
Oct 30, 2026
RepositoryTypeScript
reactive-resume/reactive-resume

A one-of-a-kind resume builder that keeps your privacy in mind. Completely secure, customizable, portable, open-source and free forever. Try it out today!

45.0k
Oct 28, 2026
RepositoryC
DeusData/codebase-memory-mcp

Local code intelligence for developers and AI agents. Connect code, docs and infrastructure in a persistent graph, with CBM Lens, MCP tools, agent integrations and change-aware test selection.

47.8k
Oct 29, 2026
RepositoryHTML
coolbat/anidiagram

Semantic-first animated architecture diagrams with portable SVG and a high-fidelity browser runtime.

57
Oct 14, 2026
RepositoryJavaScript
affaan-m/ECC

The agent harness performance optimization system. Skills, instincts, memory, security, and research-first development for Claude Code, Codex, Opencode, Cursor and beyond.

293.2k
Oct 30, 2026
RepositoryJavaScript
DietrichGebert/ponytail

Makes your AI agent think like the laziest senior dev in the room. The best code is the code you never wrote.

180.8k
Oct 29, 2026
Repository
getify/You-Dont-Know-JS

A book series (2 published editions) on the JS language.

184.8k
Feb 15, 2026