react-animation-css

react-animation-css 是 Animate.css 的 React 版本，其优势无需引入css样式文件，即可使用所有动画效果，并且利用rollup的打包机制，整个包只有十几kb大小，非常适用各种动画场景。

特性

• 📦 开箱即用的高质量 React 组件。
• 🛡 使用 TypeScript 开发，提供完整的类型定义文件。
• 🌈 增加体验舒适度，让用户认知过程更为自然。
• ⚙️ 提供反馈、明确意向，助力交互体验。
• 🌍 增加界面活力，第一时间吸引注意力，突出重点。
• 🎨 不会出现大幅度波动丢帧或者卡顿现象, 动效流畅。

📦 安装

npm install react-animation-css --save

yarn add react-animation-css

🔨 示例

import Animation from 'react-animation-css';

const App = () => (
  <>
    <Animation name="FadeIn">PRESS ME</Animation>
  </>
);

浏览器支持

• iOS
• Android 4.0+