@alloc/moti

中文文档
54.0.0-beta.8发布于 2025/08/31MITTypeScriptESM + CJS近 30 天下载 2893

通用回想原生动画库,由回想3提供动力. QQ

中文使用文档

由再生3提供动力的通用回放原生动画库.

<MotiView from={{ opacity: 0 }} animate={{ opacity: 1 }} />

文档实例( E)

下一个.js Conf

Screen Shot 2021-10-22 at 3 00 05 PM

我说话在 Next.js Conf 2021 (英语) 10月26日,关于React Industrial + Next.js. 看着视频 看看我们怎么做到的.

要点

  • 通用:所有平台的作品
  • 60个FPS动画原生线
  • 挂载/卸载动画, 如 framer-motion
  • 由再动3提供动力
  • 网络支持, 退出
  • 博览支持
  • 直观 API
  • 备选案文
  • 强大的类型脚本支持
  • 高清晰度动画
  • 序列动画
  • 循环动画( C)

预览

跟随

跟我来 在推特上进行 随时更新.

发起人

请联系 费尔南多·罗霍 如果你有兴趣赞助莫蒂.

Analytics by Splitbee.io

版本与发布记录

@alloc/moti 共发布 8 个版本,首次发布于 2025/08/23;过去 12 个月发布了 0 个版本。

版本发布日期距今
54.0.0-beta.8latest2025/08/311.2 年前
54.0.0-beta.72025/08/311.2 年前
54.0.0-beta.62025/08/311.2 年前
54.0.0-beta.52025/08/311.2 年前
54.0.0-beta.42025/08/311.2 年前
54.0.0-beta.32025/08/261.2 年前

关于 @alloc/moti 的常见问题

@alloc/moti 是什么?

通用回想原生动画库,由回想3提供动力. QQ

如何安装 @alloc/moti?

在项目目录运行 npm install @alloc/moti,或使用 pnpm add / yarn add / bun add。它还需要宿主项目提供 peer 依赖:react-native-reanimated(*)。npm 7 及以上与 pnpm 8 及以上默认会自动安装必需的 peer 依赖,Yarn 需要手动安装。

@alloc/moti 支持 TypeScript 吗?

支持。包内自带 TypeScript 类型声明(package.json 声明了 types 入口),安装后即可获得类型提示,无需再安装 @types 包。

@alloc/moti 支持 ESM 还是 CommonJS?

同时提供 ES Module 与 CommonJS 入口,import 和 require() 都可以使用,打包工具会自动选择合适的版本。

@alloc/moti 可以商用吗?

@alloc/moti 使用 MIT 许可。宽松许可:允许商业使用、修改和再分发,通常只需在分发时保留原版权与许可声明。以上为概括,不构成法律意见,请以许可原文为准。

@alloc/moti 的下载量有多少?

根据 npm 官方下载统计,@alloc/moti 在 2026/10/06 – 2026/11/04 这 30 天内被下载 2,893 次,日均约 96 次。下载量会把 CI 构建、镜像同步和作为其他包依赖的安装一并计入,适合横向比较热度,不能直接等同于使用人数。

@alloc/moti 还在维护吗?

最新版本 54.0.0-beta.8 发布于 2025/08/31(1.2 年前);至今共发布 8 个版本,其中过去 12 个月发布了 0 个;首次发布于 2025/08/23。发布频率只是参考信号:功能稳定的工具可能很少需要更新,建议结合源码仓库的 issue 和提交记录判断。