组件库

shadcn-svelte

shadcn/ui 的 Svelte 移植版，可复制粘贴的可访问、可定制组件，免费开源。

GrapesJS

开源的多用途可视化网页构建框架，可嵌入应用实现拖拽式编辑并导出干净 HTML。

Pajamas Design System

GitLab 开源设计系统，包含品牌与产品设计规范及 UI 组件，持续更新中。

react-dropzone

React 的 HTML5 拖拽上传区域库，提供 useDropzone Hook 与组件，支持文件拖放与点击选择。

ReUI

基于 shadcn/ui 的组件与区块平台，含 1149 个免费组件、638 个图标、模板及面向 AI 编码代理的 MCP 服务。

Grommet

基于 React 的移动优先 UI 组件库，强调无障碍、响应式与主题定制，兼具设计系统与框架特性。

CoreUI for React

免费开源的 React 管理后台模板与 UI 组件库，含 80+ 组件，MIT 协议，专为仪表盘设计。

react-hot-toast

轻量级 React 通知提示库，默认美观、可定制，体积小于 5kb，支持 Promise API。

react-datepicker

一个简单可复用的 React 日期选择器组件，支持日期与时间选择、本地化和自定义。

Shadcnblocks

基于 shadcn/ui 与 Tailwind 的高级区块与组件库，含 2157+ 区块、20 套模板与 Figma 套件。

Pajamas Design System

GitLab 官方设计系统，提供品牌规范、UI 组件与设计指南。

react-jsonschema-form

基于 JSON Schema 声明式生成 React 表单的组件库，支持自定义字段与校验。

Zendesk Garden

Zendesk 官方设计系统，提供组件、设计规范与工具，支撑产品设计一致性。

Tremor

基于 React、Tailwind CSS 和 Radix UI 的开源图表与仪表盘组件库，可复制粘贴或 NPM 安装。

Photon Design System

★ 274

Firefox 官方设计系统，提供跨平台 UI 组件与设计规范，开源可复用。

Grommet

基于 React 的组件库与设计系统，主打无障碍、响应式与主题定制，适合移动优先的 Web 应用开发。

Elements by assistant-ui

为 AI 产品设计的 150+ 界面组件，涵盖推理、工具调用、审批等状态，每个演示可交互且附带源码。

lightGallery

轻量无依赖的响应式灯箱画廊插件，支持 React、Vue、Angular，模块化可定制。

Once UI

基于 Next.js 与 Supabase 的开源设计系统，提供 100+ 可复制粘贴的 React 组件、区块与页面模板。

Système de Design de l'État (DSFR)

法国政府官方设计系统，提供 HTML/CSS/JS 组件，用于构建可访问的公共网站界面。

react-admin

基于 React 和 Material Design 的前端框架，用于快速构建连接 REST/GraphQL API 的后台管理应用。

MUI X Data Grid

MUI 出品的 React 数据表格组件，支持筛选、排序、聚合、编辑与虚拟滚动，开箱即用。

Backpack (Skyscanner)

★ 543

Skyscanner 官方设计系统，提供指南、组件与工具，打造以旅客为先的体验。

Helios Design System

HashiCorp 开源设计系统，提供颜色、图标、排版等基础规范与可复用组件，帮助构建一致且无障碍的产品体验。