110+ 免费动画组件，涵盖文本动画、UI元素和背景特效，39.2k Star
简介
React Bits 是目前前端圈最大的开源 React 动画组件库，GitHub 39.2k+ Star，110+ 个免费可自定义的动画组件，涵盖文本动画、UI 元素和背景特效。
核心特性
- 110+ 组件 — 文本动画、UI 元素、背景特效，持续更新
- 最小依赖 — 轻量、支持 Tree-shaking
- 完全可定制 — 通过 props 或直接编辑源码调整
- 4 种变体 — 每个组件提供 JS-CSS / JS-TW / TS-CSS / TS-TW 版本
- 复制即用 — 兼容任何现代 React 项目
创意工具
| 工具 | 功能 |
|---|---|
| Background Studio | 动画背景探索、自定义效果、导出为视频/图片/代码 |
| Shape Magic | 创建形状内圆角、导出 SVG / React / clip-path 代码 |
| Texture Lab | 为图片/视频应用 20+ 特效（噪点、抖动、ASCII） |
安装方式
# 通过 shadcn 安装
npx shadcn@latest add @react-bits/BlurText-TS-TW
也支持 jsrepo CLI 安装和手动复制粘贴。
技术栈
React · TypeScript · Tailwind CSS · Motion
相关链接
- 官网：https://reactbits.dev
- GitHub：https://github.com/DavidHDev/react-bits
- 还有 Vue.js 版本（vue-bits.dev）和 Svelte 版本（sveltebits.xyz）
暂无评论