reactbits.dev/
RB
React Bits
170+ 可高度定制的 React 动画组件与背景，源码直接复制进你的项目即可使用。
立即开始了解更多
立即试用
GPT-4o什么是 React Bits?
React Bits 是一个面向创意开发者的开源 React 动画组件与背景库，涵盖动态背景、文字特效、交互动画和创意 UI（如 Aurora 极光、点阵、水滴光标、丝带、文字拆分、Dock 坞栏等）。它不安装运行时依赖包，而是通过一条 shadcn/jsrepo 命令把组件真实源码（基于 ogl、GSAP、Three.js 编写）复制进你的仓库，每行代码都归你所有、可随意修改。每个组件提供四种写法：JavaScript/TypeScript × 原生 CSS/Tailwind，兼容 Vite、Next.js、Astro、Remix。免费版含 170+ 组件并永久免费；React Bits Pro 额外提供更多组件、整页区块、应用 UI 区块、完整 Next.js 模板和 AI 智能体套件。项目在 GitHub 已收获 4.6 万+ Star，文档还附带可直接用于 Cursor、GitHub Copilot、v0 的提示词。
4.8
评分
免费增值
定价模式
1+
平台
0
收藏
优点
- 源码归你，无封装库、无锁定，网站消失也能继续用
- 动效与视觉质量极高，获 shadcn 等知名作者公开推荐
- 四种技术栈变体，几乎适配所有 React 项目
- 免费版真正免费且开源（GitHub 4.6万+ Star）
- AI 友好：SKILL.md 教智能体正确选用并安装组件
缺点
- 仅支持 React，不能直接用于 Vue、Svelte、Angular
- WebGL/动画组件在低端手机上需注意性能
- 高级区块、模板与智能体套件需 Pro 付费
- 组件是积木而非整站，页面整体观感仍依赖设计审美
核心能力
170+ animated components
Copy-in source ownership
JS/TS × CSS/Tailwind
AI agent ready
同类工具对比
| 功能 | React Bits | 21st.dev | PropertySurvey Pro | Remindion |
|---|---|---|---|---|
| 评分 | 4.8 | 4.8 | 4.8 | 4.6 |
| 定价模式 | 免费增值 | 免费增值 | 免费增值 | 免费增值 |
| 起价 | Free | 16 | Free / Paid | Free / Paid |
| API | — | — | — | — |
| 免费版 | — | — | — | — |
| 移动端 | — | — | — | — |
适用人群
前
前端开发者
无需从零编写 WebGL，即可把精致的动态背景与微交互加入 React 应用。
设
设计工程师
用文字特效、自定义光标和着色器背景，快速做出令人印象深刻的落地页。
独
独立开发者/SaaS
用源码归己、可自由修改的组件，快速打造有辨识度的营销官网。
代
代理商/自由职业
一份授权交付多个客户项目，组件可按品牌统一改样式。
A
AI 辅助编程者
给 Cursor、Copilot、v0 提供配套 SKILL.md，让智能体正确安装动画组件。
开发者
David Haz
支持平台
网页版 暂不支持
Windows 暂不支持
Mac 暂不支持
iPhone/iPad 暂不支持
安卓 暂不支持
华为 暂不支持
Linux 暂不支持
支持语言
English
成立时间
2024
更新于
2026-09-05
公司信息
成立于 2024
常见问题
不需要。shadcn/jsrepo 命令行会把组件真实源码复制到你的项目中（也可手动粘贴），没有需要安装、升级或卸载的 react-bits 依赖，组件直接使用 ogl 和 GSAP。