Vue Bits
面向 Vue 3 的动画组件合集，提供 209+ 个背景、文字特效和交互动效组件，每个组件带可调参数并可直接预览效果，以源码形式拷入项目、不依赖运行时包，适合做落地页或产品页时快速加动效的 Vue 前端开发者。
Vue Bits 是一个面向 Vue 3 的动画组件合集，页面上写着 209+ 个组件，覆盖背景、文字动画、动画、UI 模式等几类。它解决的是那种「想给页面加个流动光晕、粒子背景或者文字渐显，但自己从零写 shader 太费劲」的问题：挑一个组件，把源码拉进项目，改参数就能用。
主要功能
组件按类别整理，背景类有 Aurora、DotField、ShapeGrid，文字类有 SplitText、ShinyText，还有 Dock、MagicRings 这类交互动效。每个组件都带可调参数，页面上能直接改颜色、速度、频率、噪声等值看效果，比如 ColorBends 可以调 color、speed、frequency、noise、bandWidth 等。组件用 TypeScript 写成，样式走 Tailwind，底层直接调用 ogl、GSAP 这些库。
安装方式是一条命令把组件源码拷进仓库，支持 jsrepo 和 shadcn 两种方式，包管理器可选 npx、pnpm、bun、yarn。官方说明兼容 Vite、Nuxt、Astro 和 Vitesse。
和普通组件库的区别
Vue Bits 不是一个需要安装的依赖包。每个组件落地后就是你自己的源码，没有 vue-bits 这个包在运行时撑着，改 shader、改 props、改样式都行。页面上的说法是，就算这个站明天消失，已经加进项目的组件照样能跑。这对不想被第三方库锁住、又需要深度改动的项目比较合适。
适合谁
做 Vue 项目、想快速给落地页或产品页加动效的前端开发者。页面提到可以和 Cursor、Copilot、v0 这类 AI 编程工具配合，描述需求后把生成的代码放进去。项目本身是 React Bits 的 Vue 移植版，作者 davidhaz。
费用与限制
页面标注 FREE FOREVER，开源且免费。组件依赖 ogl、GSAP 等第三方库，用之前要确认项目里已经装了这些。动效组件对性能有要求，参数调得激进时需要在目标设备上实测。
