组件与代码
共 1000 个设计师推荐的组件与代码网站。
React Tooltip
React 的轻量级工具提示组件，支持 hooks 和多种触发方式，兼容 React 16.14+。
react-spinners
React 加载动画组件库，提供多种可自定义颜色、尺寸与速度的 Spinner。
组件库Figcomponents
免费 Figma 组件库，收录 1000+ UI 组件，复制粘贴即可使用，CC BY 4.0 许可。
Materialize
基于 Google Material Design 的现代响应式 CSS 框架，提供组件、动画与统一响应式系统。
ChatUI
阿里巴巴开源的对话式 UI 设计语言与 React 组件库，专为智能对话机器人打造。
React DnD
React 拖拽交互库，基于 HTML5 拖放 API，可组合、可测试，支持自定义拖拽后端。
react-aria-modal
一个完全无障碍、可灵活定制的 React 模态框组件，遵循 WAI-ARIA 实践。
kbar
为 React 网站快速添加 Cmd+K 命令面板的组件库，支持键盘导航、嵌套操作和动画。
@shadcn/lint
★ 2,986面向 AI Agent 的 Tailwind 设计系统 Linter，可自定义规则并给出修复建议。
动画库Springs
提供语义化动效 token 的缓动库，含入场/退场曲线与时长，可导出 CSS、Tailwind、Framer Motion 和 DTCG。
区块 / SectionsShadcnStore
269 个基于 shadcn/ui 与 Tailwind 的生产级 React 区块与模板，含营销、电商、后台三类，55 个免费。
react-vis
★ 8,786Uber 开源的 React 数据可视化组件库，基于 React 和 d3，提供折线、柱状、热力图等常见图表。
组件库Shadcn Templates
收录 380+ 个 shadcn/ui 模板、组件、区块与 Boilerplate 的资源合集站。
Novel
开源 Notion 风格富文本编辑器，内置 AI 自动补全，支持一键部署。
Formik
React 表单状态管理库，简化表单构建、校验与错误处理，减少样板代码。
Flicking
egjs 出品的灵活可扩展轮播组件，支持 React、Vue 3 与原生 JS，SSR 友好。
设计系统Porsche Design System
保时捷官方设计系统，提供品牌指南与基于模式的 Web 组件，用于构建一致的数字产品。
Evergreen
Segment 开源的 React UI 框架，提供一套完整、可组合的组件，用于构建 Web 界面。
NASA Web Design System
NASA 官方开源设计系统，提供可访问、移动友好的 UI 组件与页面模板，基于用户研究。
CoreUI React
基于 Bootstrap 5 和 TypeScript 的 React UI 组件库，提供丰富组件，无 jQuery 依赖。
Welcome UI
Welcome to the Jungle 开源的 React 设计系统，基于 TypeScript、Tailwind CSS 与 Ariakit，组件可定制。
Shadcn Examples
生产级 shadcn/ui 区块与示例库，含后台、落地页、电商等，支持 React/Vue/Svelte。
MVP.css
极简 CSS 样式表，无需类名和框架，纯语义化 HTML 即可获得美观默认样式。
ChatUI
阿里巴巴开源的对话式 UI 设计语言与 React 组件库，专为聊天机器人界面打造。