Canvas UI 的替代品
和 Canvas UI 干同一件事的 6 个站,摆在一起比。都是人工挑选的动效套件。
对比对象Canvas UI
WebGL / WebGPU 创意画布特效组件，React Bits 作者的新作。
打开详情 →| 站点 | 拿代码 | 价格 | 收藏 |
|---|---|---|---|
| Canvas UI本站 | 注册表 | 免费 | |
 Transitions.devCSS, React | 复制 | 免费 | |
 interior.devReact | 注册表 | 免费 | |
 AmicroReact, Motion | npm | 免费 | |
 Animate UIReact, Motion, shadcn/ui | 注册表 | 免费 | |
 Fancy ComponentsReact, Motion | 注册表 | 免费 | |
 Smooth UIReact, Motion, shadcn/ui | 注册表 | 免费 |
关于动效类组件库
动效库提供现成的动画部件——文字渐显、流动背景、跟随光标的效果——直接放进页面就能用。大多基于 React,配合 Tailwind CSS 和 Framer Motion。按你想自己掌握多少代码来挑:有的一个文件一个文件复制,有的作为包安装。
适合用来
- 落地页首屏
- 动态背景
- 按钮和卡片上的小交互
