GitHub开源动画神器！Motionity：零代码制作专业级动效

项目介绍
Motionity 是由独立开发者 Alyssa X 开源的「Web 版动效编辑器」，定位介于 After Effects 与 Canva 之间。它无需安装、无需登录、完全免费，却能完成关键帧动画、遮罩、滤镜、音频同步、Lottie 导出等高级功能。项目上线即冲上 GitHub Trending，被誉为“动画小白的福音，设计师的急救包”。

核心功能一览

• ⚡️ 关键帧动画：支持自定义贝塞尔缓动
• 🎚 实时滤镜：模糊、色度键、调色等 10+ 效果
• ✂️ 时间轴剪辑：精准到帧的裁剪与分段
• 👀 图层遮罩：矩形、圆形、钢笔路径自由绘制
• 🔊 音轨同步：波形可视化，打点做动画更直观
• 🔍 资源浏览器：集成 Pixabay，图片/视频/形状即搜即拖
• ✨ 文字动效：打字机、缩放、渐现一键套用
• 💥 Lottie 导出：直接生成 .json 供 Web / App 调用

免安装在线体验

直接访问官网 https://www.motionity.app 即可使用。

适用人群： 

• • 前端开发者（网页动效） 

• • 新媒体运营（快速制作宣传素材） 

• • 教育工作者（动态课件制作） 

• • 开源贡献者（参与WebGL动画工具开发）

总结

Motionity 把「专业级」与「零门槛」拉到了同一条水平线——既能让设计师在客户现场随手改动画，也能让产品经理不再求 UI 同学做 Loading 小动画。

如果你厌倦了 AE 的庞大安装包，又嫌 Canva 的动效过于模板化，Motionity 就是那只恰到好处的“折中解”。

它开源、免费、无广告，功能覆盖 80% 日常动效需求，且持续迭代。无论你是独立开发者、运营同学，还是动画初学者，打开浏览器就能立刻开干，把创意落地成可交付的资产。现在就试试，为你的下一个项目加点“动”感吧！

GitHub地址：
🔗 https://github.com/alyssaxuu/motionity