项目预览
项目数据
项目介绍
Star 增长趋势
本站每日记录该项目 GitHub 星标变化，观测越久曲线越完整
数据来源：GitHub API 逐日快照 · 收录于 2026-08-09 · 当前星标 ★ 129
核心亮点
- 支持 GSAP、CSS、Framer Motion、Lottie 多框架输出，覆盖主流动效场景
- 自动分析时序、缓动、交错、循环等关键参数，免去手动逐帧测量
- 与 Claude Code 深度集成，可直接在编辑器内使用，工作流顺畅
不足之处
- 早期项目，文档和社区支持待观察
- 对复杂或非标准动画的还原精度可能有限
适用场景
- 设计师从参考网站快速提取动画代码用于新项目
- 开发团队将原型视频中的动效转化为生产级代码
- 动效教学或演示中，将录屏动画转换为可编辑代码
替代项目
Motion DevTools、GSAP DevTools、Framer Motion 官方工具
上一篇：Loomic
下一篇：subjective-zero
同类项目推荐
design-style
开源
每天一个设计风格，动效图加源码直接拿来改
每天一个设计风格：动效短片、风格图与制作指南，完整源码全部开放。 Design styles, moti···
sd-webui-lobe-theme
开源
给 Stable Diffusion WebUI 换上现代皮肤，操作更顺手，界面更养眼。
️ Lobe theme - The modern theme for stable diffusion webui, exquisite interface des···
danbooru-diffusion-prompt-builde···
开源
像逛超市一样挑标签，快速拼出高质量 AI 绘画提示词
Danbooru / NovelAI 标签超市
shaping-functions
开源
直观查看各种整形函数曲线，快速选对动画缓动。
Visualisation of shaping functions
ux-ui-agent-skills
开源
让 AI 按设计系统出稿，不合格直接构建失败
Turn Claude into a senior design architect: DTCG tokens, 52 components, WCAG 2.2 AA-···
openpencil
开源
说一句话，AI 在画布上直接画出可编辑 UI
The world's first open-source AI-native vector design tool and the first to feature ···
lida
开源
说句话就能自动生成图表，省去手写代码
Automatic Generation of Visualizations and Infographics using Large Language Models
glisp
开源
用 Lisp 写代码，实时生成设计作品
A small Lisp as an interaction substrate for creative software: one program, edited ···
react-email-editor
开源
拖拽式生成精美邮件，无需写代码，快速集成到 React 应用
Drag-n-Drop Email Editor Component for React.js