Motionity：面向所有人的网页版动态图形编辑器
Motionity 是 Alyssa X 开发的一款免费、开源、基于网页的动画编辑器，定位为 After Effects 与 Canva 的结合体，支持关键帧、蒙版、滤镜、音视频剪辑、文字动画与 Lottie 等能力，并集成 Pixabay 素材搜索，可直接拖拽使用，无需登录即可使用。
社区作者 · zZz
它解决什么问题
Motionity 是一个免费且开源的网页版动画编辑器（The web-based motion graphics editor for everyone 📽），作者将其描述为 After Effects 与 Canva 的结合，强调在浏览器中即可完成动态图形（motion graphics）创作。
核心功能（来自项目 README 原文列举）：
- ⚡️ 自定义缓动（easing）的关键帧动画
- 🎚 图像与视频滤镜（adjustments、blur、chroma key 等）
- ✂️ 视频裁剪与切割（Trim and cut videos）
- 👀 图层蒙版（Layer masking）
- 🔊 音频支持
- 🔍 搜索图片、视频、形状等素材
- ✨ 文字动画（typewriter、scale、fade 等）
- 💥 Lottie 支持
- 🧩 Pixabay 集成
- 以上功能全部免费，且无需登录（no sign in needed）
使用入口与配套资料：项目首页提供免费在线试用入口，并在 Notion 中提供使用指南（read the guide in Notion）。作者还提供 GitHub Sponsors 赞助渠道，以及邮箱 [email protected] 和 Twitter 作为反馈联系方式。
视觉参考：配图 1 为项目 preview.gif 预览动图，可直观看到编辑器界面与动画效果（https://github.com/alyssaxuu/motionity/raw/main/preview.gif）；配图 2 为 Product Hunt 的精选展示图（Motionity - The web-based motion graphics editor for everyone | Product Hunt）。
技术形态：项目为 Web 应用，可通过浏览器直接使用；具体技术栈、构建方式与自托管部署细节在来源文本中未给出，需核验仓库 README 与源码。
— 本文由 AI 根据公开来源辅助整理，命令、版本与许可证请在使用前到原始页面复核。
安装 / 开始使用
来源正文未提供安装命令、环境准备或构建步骤，因此以下内容为可确证的使用方式，其余标注“待核验”：
1）直接使用（来源明确）：打开项目页面提供的免费在线版本即可使用，无需注册登录（README 明确写明 “Try it now for free” 与 “no sign in needed”）。 2）阅读指南（来源明确）：按 README 提示阅读 Notion 中的使用指南后再上手。 3）素材获取（来源明确）：使用内置搜索功能查找图片、视频、形状，并通过 Pixabay 集成拖拽素材到画布中。
4）本地部署/源码构建（待核验）：准备环境、依赖安装命令、启动与构建命令、首次运行注意事项，来源正文均未给出，需核验仓库 README 或源码中的说明后再执行。 5）常见问题（待核验）：浏览器兼容范围、导出格式与分辨率限制、音频与 Lottie 资源限制等，来源未说明，需核验官方文档。
