02Story
细节
这个项目把散落的动画与特效组件收拢成一个可检索的画廊：同一个组件既有可直接运行的预览，也有能复制走的 TSX 源码；分类、依赖和预设变体都做了归档，避免在几十个页面之间来回翻。
工程侧的重点是「可复制」：每个 TSX 自包含、依赖显式标注，源码目录与线上索引保持一致；画廊本身只做静态托管，不引入后端，打开就能浏览和调参。
返回项目列表
UI Components
650+ 动画、Canvas、3D 与文字/背景特效组件，在线预览、调参、复制即用，源码同步在 GitHub。
组件
650+ 个
组件源码
1,100+ TSX
分类
10 类
形态
在线画廊 + GitHub
01Highlights
项目要点
- 650+ 动画 / Canvas / 3D / 文字与背景特效组件，按背景、交互、文字、动画、图片、加载等 10 类整理。
- 每个组件都是自包含 TSX，可直接复制进 React / Next.js 项目，依赖信息随组件标注。
- 在线画廊支持搜索、分类筛选、明暗主题与实时预览，找到即可复制使用。
- 源码镜像同步到 GitHub（longguanhong0755/ui-components），目录结构与线上组件一一对应。
- 站点与仓库均为纯静态部署，零运行时后端。
03Source
源码
仓库结构和 README 都做成了站内可读的页面。