@alea-design/motion

中文文档
0.7.1发布于 2026/11/06MITTypeScriptES Module零依赖近 30 天下载 2102

Alea Motion:用于接口的动作系统. 托肯斯(tokens),在CSS中为任意堆栈命名的图案,微观交互和效果,外加小回放帮助器. 内置运动减速.

中文使用文档

@alea-design/motion (英语)

Alea 动议:用于接口的动作系统. 33个命名图案由运动符所建,13个入出预设,用于您自己的元素的公用事业,以及小的回放辅助器(Reveal, TextSwap, NumberRoll, 存在, AutoHeight, StreamingText, Scroll Proper). 内置运动减速.

@import '@alea-design/motion/motion.css';
import { Reveal, NumberRoll, motionStyle } from '@alea-design/motion';

文档 : https://alea.alevasquez.dev/motion?utm source=npm&utm medical=readme&utm campaign=alea-motion 互联网档案馆的存檔,存档日期2014-12-21 麻省理工学院许可证

版本与发布记录

@alea-design/motion 共发布 12 个版本,首次发布于 2026/10/28;过去 12 个月发布了 12 个版本。

版本发布日期距今
0.7.1latest2026/11/061 天前
0.7.02026/11/052 天前
0.6.12026/11/052 天前
0.6.02026/11/043 天前
0.5.12026/11/035 天前
0.5.02026/11/025 天前

关于 @alea-design/motion 的常见问题

@alea-design/motion 是什么?

Alea Motion:用于接口的动作系统. 托肯斯(tokens),在CSS中为任意堆栈命名的图案,微观交互和效果,外加小回放帮助器. 内置运动减速.

如何安装 @alea-design/motion?

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

@alea-design/motion 支持 TypeScript 吗?

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

@alea-design/motion 支持 ESM 还是 CommonJS?

以 ES Module 形式发布,推荐使用 import 引入。在 CommonJS 项目中,Node.js 20.19+ / 22.12+ 可以直接 require() 不含顶层 await 的 ES Module,更早的版本需要改用动态 import()。

@alea-design/motion 可以商用吗?

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

@alea-design/motion 的下载量有多少?

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

@alea-design/motion 还在维护吗?

最新版本 0.7.1 发布于 2026/11/06(1 天前);至今共发布 12 个版本,其中过去 12 个月发布了 12 个;首次发布于 2026/10/28。发布频率只是参考信号:功能稳定的工具可能很少需要更新,建议结合源码仓库的 issue 和提交记录判断。