# React Bits - 最大开源 React 动画组件库

> 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） |

## 安装方式

```bash
# 通过 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）

---

**分类**：源码
**标签**：组件 · 动画 · React
**作者**：Xiao.Xi
**链接**：https://octohz.com/p/1687