轻量级 JavaScript 动画库，可为 CSS 属性、SVG、DOM 属性和普通对象添加动画。
7.4万4987JavaScriptMIT更新于 2个月前
mojs/mojs
一个用于网页的 JavaScript 动效库，提供形状、旋涡、爆发等声明式动画组件。
- Star
- 18,822
- Fork
- 893
- 未关闭 Issue
- 37
- 最近提交
- 3个月前
这是什么？
mo·js 是一个用于网页的 JavaScript 动效库，适合制作图形动画。它内置 Html、Shape、Swirl、Burst、Stagger 等组件，开发者无需从零实现常见特效即可直接使用。
库采用声明式 API，动画通过配置对象描述，同时提供时间线和自定义缓动曲线等工具。项目以 @mojs/core 发布到 npm，可通过打包工具安装，也可以直接从 unpkg、jsDelivr 等 CDN 引入。
生态中还有播放器、曲线编辑器和时间线编辑器等配套工具。支持 Chrome、Firefox、Opera、Safari 和 Edge 的较新版本。
核心功能
- 01内置 Html、Shape、Swirl、Burst、Stagger 等动效组件。
- 02采用声明式 API，用配置对象描述动画。
- 03可通过 npm 安装，也支持 unpkg、jsDelivr 等 CDN 引入。
- 04支持高清屏渲染，采用模块化结构。
- 05提供曲线编辑器和时间线编辑器等配套工具。
适用场景
- 为按钮和图标添加爆发、波纹等点击反馈效果。
- 在落地页中制作 SVG 图形动画和装饰性动效。
- 利用时间线和自定义缓动曲线进行动效原型设计。
快速上手
- 1
从 npm 安装软件包
npm install @mojs/core - 2
在打包项目中导入 mojs 并创建动画
import mojs from '@mojs/core';
使用前须知
- README 仅列出浏览器支持范围（Chrome 49+、Firefox 70+、Opera 36+、Safari 8+、Edge 79+），其他浏览器未经充分测试。
- 项目使用 CoffeeScript 编写，如果需要修改源码，这一点可能会带来不便。
标签
常见问题
- mojs 是什么？
- 一个用于网页的 JavaScript 动效库，提供形状、旋涡、爆发等声明式动画组件。 mo·js 是一个用于网页的 JavaScript 动效库，适合制作图形动画。它内置 Html、Shape、Swirl、Burst、Stagger 等组件，开发者无需从零实现常见特效即可直接使用。
- mojs 可以免费使用吗？用的什么许可证？
- mojs 以 MIT 许可证开源。用于商业产品前，请先确认许可证条款。
- mojs 还在维护吗？
- 半年内有更新。mojs 最近一次提交是在 2026年7月30日。
- mojs 适合用来做什么？
- 为按钮和图标添加爆发、波纹等点击反馈效果。 在落地页中制作 SVG 图形动画和装饰性动效。 利用时间线和自定义缓动曲线进行动效原型设计。
- mojs 怎么安装和运行？
- 从 npm 安装软件包: npm install @mojs/core 在打包项目中导入 mojs 并创建动画: import mojs from '@mojs/core';
- 在哪里获取 mojs？
- 源代码和安装说明在 GitHub 上：https://github.com/mojs/mojs
概要由 AI 根据项目 README 生成；GitHub 数据每日更新。
相关项目
将 JavaScript 代码转换为 SVG 流程图的库与命令行工具，支持抽象层级、代码块修饰和主题定制。
7105478JavaScriptMIT更新于 3年前
TiXL 是一款开源的实时动态图形工具，结合节点式程序化生成与关键帧动画。
5151278C#MIT更新于 前天
一个 Claude Code 技能，可将简短主题生成节拍同步的动态图形视频，并通过 HyperFrames 渲染为 MP4。
14321MIT更新于 22天前
一个用于在浏览器中构建和渲染 3D 场景的 JavaScript 库，基于 WebGL 与 WebGPU。
11.7万3.7万JavaScriptMIT更新于 昨天
基于 React 的视频制作框架，用代码以编程方式生成视频与动画。
6.6万5285TypeScriptOther更新于 38分钟前