react-bits

React Bits 是一个开源的动画、交互式且可定制的 React 组件集合，旨在帮助开发者更高效地构建令人难忘的网站。该库包含超过 165 个组件，涵盖文字动画、通用动画、UI 组件和背景，每周都会新增组件。 主要特性包括：依赖极简，支持轻量级和树摇优化使用；可通过属性或直接编辑源码完全自定义；每个组件提供四种变体，覆盖 JavaScript 和 TypeScript，并支持 CSS 或 Tailwind 样式（JS-CSS、JS-TW、TS-CSS、TS-TW）。所有组件均可一键复制粘贴集成到现代 React 项目中。 安装支持通过 shadcn 和 jsrepo 的 CLI 工具进行，每个组件页面均提供即用型 CLI 命令。开发者也可手动复制代码，选择自己偏好的技术栈。 除组件外，React Bits 还提供三个免费创意工具：Background Studio 可探索并导出动画背景为视频、图像或代码；Shape Magic 可创建形状间的内圆角并导出为 SVG、React 代码或 clip-path 代码；Texture Lab 可对图像和视频应用 20 多种效果（噪点、抖动、ASCII），并支持高质量导出。 该项目由 David Haz 维护，采用 MIT + Commons Clause 许可证，支持个人与商业用途。官方社区已推出 Vue.js（vue-bits.dev）和 Svelte（sveltebits.xyz）版本。项目接受通过 GitHub 仓库提交的社区贡献与功能请求。