半样式动画
动画样式表
animate.css (单位:千美元)https://github.com/animate-cs/animate.css (中文(简体) )(中文(简体) )import '@douyinfe/semi-animation-styled';
import React from 'react';
class App extends React.Component {
render() {
return (
<div className="semi-animated semi-bounce semi-speed-slow semi-loop-infinite">bounce</div>
);
}
}
@douyinfe/semi-animation-styled 共发布 590 个版本，首次发布于 2021/10/25；过去 12 个月发布了 67 个版本。
| 版本 | 发布日期 | 距今 |
|---|---|---|
2.105.0latest | 2026/11/12 | 1 天前 |
2.104.0 | 2026/10/09 | 1 个月前 |
2.103.0 | 2026/09/01 | 2 个月前 |
2.102.0 | 2026/07/31 | 3 个月前 |
2.38.4-alpha.2-3117-3120 | 2026/07/29 | 3 个月前 |
2.101.1 | 2026/07/20 | 3 个月前 |
其他发布通道：next → 2.1.0-next.1，2.18.1-alpha.0 → 2.18.1-alpha.0，test → 2.38.3-alpha.4，patch-table → 2.38.3-alpha.2-patch-table，patch-tooltip → 2.70.1-alpha.1-patch-tooltip，2.58.0-hotfix-aria → 2.58.0-hotfix-aria。
半样式动画
在项目目录运行 npm install @douyinfe/semi-animation-styled，或使用 pnpm add / yarn add / bun add。
支持。包内自带 TypeScript 类型声明（package.json 声明了 types 入口），安装后即可获得类型提示，无需再安装 @types 包。
同时提供 ES Module 与 CommonJS 入口，import 和 require() 都可以使用，打包工具会自动选择合适的版本。
@douyinfe/semi-animation-styled 使用 MIT 许可。宽松许可：允许商业使用、修改和再分发，通常只需在分发时保留原版权与许可声明。以上为概括，不构成法律意见，请以许可原文为准。
根据 npm 官方下载统计，@douyinfe/semi-animation-styled 在 2026/10/13 – 2026/11/11 这 30 天内被下载 85,882 次，日均约 2,863 次。下载量会把 CI 构建、镜像同步和作为其他包依赖的安装一并计入，适合横向比较热度，不能直接等同于使用人数。
最新版本 2.105.0 发布于 2026/11/12（1 天前）；至今共发布 590 个版本，其中过去 12 个月发布了 67 个；首次发布于 2021/10/25。发布频率只是参考信号：功能稳定的工具可能很少需要更新，建议结合源码仓库的 issue 和提交记录判断。