Motionity（开源）

Motionity 是一款免费开源的网页端动画编辑器，让用户在浏览器中轻松制作专业级动效视频。

网站介绍

Motionity 是一款基于 Web 技术的开源动画编辑工具，由独立开发者创建并发布于 GitHub。它将专业级动画软件的核心功能与在线设计工具的简易操作性巧妙结合，旨在降低动画创作门槛。用户无需下载安装任何软件，即可在浏览器中完成关键帧动画、视频剪辑、图层遮罩和特效添加等操作。该工具完全免费且无广告，主要面向前端开发者、新媒体运营、教育工作者、UI/UX 设计师以及动画制作初学者。

核心功能/栏目

1. 关键帧动画：支持自定义贝塞尔缓动曲线，通过记录对象在不同时间点的位置、透明度、缩放等属性，实现流畅平滑的运动效果。

2. 媒体处理与滤镜：提供视频裁剪与修剪功能，并内置模糊、色度键、调色、复古等十多种图像与视频实时滤镜。

3. 图层与遮罩管理：支持多图层编辑与图层遮罩功能，可通过矩形、圆形或自定义路径精准控制对象的可见区域。

4. 文本动效库：内置打字机、缩放、渐现等多种文字动画预设，支持按字母或单词顺序快速生成动态文本。

5. 资源搜索与集成：深度集成 Pixabay 资源库，用户可直接在工具内搜索并拖拽高质量的图片、视频和形状素材。

6. 多格式导出与 Lottie 支持：支持将项目导出为 WEBM、MP4、GIF 等格式，同时支持导入和导出 Lottie 动画文件。

推荐优势/特点

1. 纯网页端运行：无需下载安装庞大的专业软件，打开浏览器即可使用，不占用本地存储空间，跨平台兼容性好。

2. 完全免费且开源：项目代码托管在 GitHub，无任何隐藏收费、无广告、无需强制登录，用户可自由使用或参与二次开发。

3. 操作门槛低：界面设计直观，大部分操作通过拖拽即可完成，兼具专业软件的深度与模板工具的易用性。

4. 素材获取便捷：内置外部素材库接口，免去了在多个网站间切换下载素材的繁琐步骤，大幅提升创作效率。

使用方法/入口指引

1. 访问官网：在浏览器地址栏输入官方网址（https://www.motionity.app/）即可直接进入编辑器界面。

2. 添加素材：在左侧对象栏中选择形状、表情符号，或通过内置浏览器搜索图片、视频，直接拖拽至中央画布。

3. 编辑动画：在右侧属性面板调整对象参数，在下方的时间轴中设置关键帧、调整动画时长和播放速度。

4. 导出作品：编辑完成后，点击上方菜单栏的导出按钮，选择所需的视频或 GIF 格式，即可将动画文件下载到本地。

5. 查看源码：开发者或技术人员可访问其 GitHub 开源地址（https://github.com/alyssaxuu/motionity）获取源代码或参与项目贡献。

同类/相关网站推荐

1. Canva（可画）：全球知名的在线设计平台，提供丰富的模板和基础的页面动画功能，适合快速制作图文和短视频。

2. Jitter：一款专注于界面动效设计的在线工具，操作逻辑类似主流设计软件，非常适合制作交互动画和 Lottie 文件。

3. Animaker：功能全面的在线 2D 动画制作平台，内置大量角色和场景模板，适合制作企业宣传片和教学微课。

4. LottieFiles：知名的 Lottie 动画资源社区，提供海量免费的 JSON 格式动效文件，支持与 Motionity 等工具配合使用。