React Bits
reactbits.dev又名 ReactBits
开源的 React 动画组件库,把文字动画、背景、交互卡片和微交互做成带可调参数的独立组件,支持复制源码或用 CLI 安装,适合正在做 React 项目、想给界面加现成动效又不想引入庞大依赖的前端开发者。
工具有免费版网页英文开源

React Bits 是一个面向创意开发者的 React 组件库,解决的是「想给页面加动画和微交互,又不想从头写」的问题。它把文字动画、背景、交互卡片、微交互等效果做成独立组件,每个组件都附带可调参数,页面上就能直接改数值看效果。
主要功能
组件按文字动画、动画、组件、背景、微交互几类组织,浏览时能看实时演示。安装方式有两种:直接复制源码,或者用 CLI 把组件装进项目。源码支持 JavaScript 或 TypeScript,样式可选纯 CSS 或 Tailwind,装进去的代码归你自己维护。
适合谁
适合正在做 React 项目、需要现成动画效果的前端开发者,尤其是对界面动效有要求、又不想引入庞大依赖的人。因为给的是源码而不是封装好的包,改起来没有黑盒限制。
费用与限制
组件免费且开源,源码托管在 GitHub 上。站点界面为英文,导航里有 Pro 入口,但具体权益和价格页面上没有展开。使用前需要熟悉 React 和 CSS 或 Tailwind 的基本写法。
常见问题
React Bits 收费吗?
React Bits 有免费版,部分功能或用量要付费。
React Bits 有哪些平台 / App?
支持 网页。
React Bits 的替代品有哪些?
本站整理了 3 个替代品,例如 Animate.css、Aceternity UI、Motion。