组件与代码
共 1000 个设计师推荐的组件与代码网站。
组件库PaceUI
面向 React、Next.js 与 TanStack Start 的生产级 UI 库，提供组件、区块、动效与模板，基于 shadcn 与 Base UI，可复制自定义。
代码片段 / CSS 效果CSS Text Effects
90 个纯 CSS 文字动效库，渐变、故障、打字机等，点击即可复制 CSS 代码。
动效组件Componentry
面向 React 的精美动效 UI 组件库，基于 Tailwind CSS、TypeScript 与 Framer Motion，源码可编辑。
组件库Wensity UI
面向 React 与 Next.js 的组件库与区块集合，通过 CLI 安装源码，含免费与付费模板。
组件库jal-co/ui
开源 React 组件库，36 个精致可组合组件，通过 shadcn 兼容注册表分发，永久免费。
组件库NeoBrutalism
新粗野主义风格的 React 组件库，含 50+ 组件、200+ 区块与模板，兼容 shadcn CLI。
ns-ui
个人维护的 542 个 React 组件注册表，每个组件围绕单一交互设计，可通过 shadcn CLI 按 URL 安装。
Orbit
Kiwi.com 开源的 React 组件库与设计系统，基于 Tailwind CSS，提供旅行产品常用 UI 组件。
react-measure
React 组件尺寸测量库，基于 ResizeObserver 计算元素宽高与位置，支持多种测量类型。
组件库Reshaped
提供 React 与 Figma 高度对齐的专业组件库，可快速搭建产品界面或自有设计系统。
SGDS (Singapore Government Design System)
新加坡政府设计系统，提供统一视觉语言与组件，帮助团队快速构建可访问、移动友好的政府网站。
Thumbprint
Thumbtack 官方开源设计系统，提供组件、样式与资源，帮助团队构建一致的用户体验。
egjs-flicking
NAVER 出品的可靠、灵活、可扩展的轮播组件库，支持 React 等多种框架。
re-resizable
React 可调整大小组件，支持拖拽缩放、网格吸附与尺寸约束，轻量易集成。
组件库Bundui
基于 Tailwind CSS、React 和 shadcn/ui 的 200+ 手工 UI 组件与区块集合，开箱即用。
动效组件Arc UI
内置动效的 React 组件与区块库，含 140 个组件和 83 个区块，可通过 shadcn CLI 安装。
动效组件Spectrum UI
开源动画 React 组件与区块库，基于 Next.js、Tailwind、Motion 和 shadcn/ui，支持 MCP 一键安装。
组件库Niko Table
基于 TanStack Table 与 shadcn/ui 的 React 数据表格组件，支持排序、筛选、虚拟滚动与可编辑 DataGrid。
ogimagecn
基于 Satori 的 React Open Graph 图片组件库，零配置、可复制粘贴，兼容 shadcn/ui。
PIE Design System
Just Eat Takeaway 的全球设计系统，提供 Web Components 与文档，开源在 GitHub。
react-responsive-carousel
轻量、可定制的 React 轮播组件，支持滑动、响应式与 SSR。
Spectre.css
轻量、响应式的现代 CSS 框架，提供排版、Flexbox 布局、纯 CSS 组件与工具类。
设计系统Aurora Design System
加拿大政府推出的开源设计系统，提供可复用、无障碍、技术无关的组件与设计规范。
Agents UI
LiveKit 开源语音 AI 界面组件库，基于 React 和 shadcn 构建，含多种音频可视化组件。