组件与代码

react-modal

React 的无障碍模态对话框组件，支持焦点锁定、自定义样式与键盘操作。

Nivo

基于 D3 与 React 的数据可视化组件库，提供丰富声明式图表，支持服务端渲染。

Flowbite Design System

基于 Tailwind CSS 的开源 Figma 设计系统，含组件变体、自动布局、暗色模式与样式指南。

react-intersection-observer

React 实现的 Intersection Observer API，用于检测元素进入或离开视口，支持 hooks 和组件。

Base Web

Uber 开源的 React 组件库，实现 Base 设计语言，组件现代、响应式且可定制。

Chánh Đại Components

一套像素级精致、风格独特的 shadcn/ui 组件集合，可复制使用。

UI Design Daily

每日更新的免费 UI 组件与设计源文件库，提供多种行业常用格式下载。

React-Toastify

React 通知组件库，几秒即可接入，支持自定义、RTL、滑动关闭与暗色模式。

Shoelace

基于 Web Components 的框架无关 UI 组件库，支持所有现代框架，可定制、无障碍、含暗色主题。

Chakra UI Vue

Chakra UI 的 Vue 版本，提供简单、模块化、可访问的组件库，快速构建 Vue 应用。

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 服务。

Theatre.js

带可视化编辑器的 JavaScript 动画库，可动画化 DOM、WebGL 及任意 JS 变量。

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 官方设计系统，提供组件、设计规范与工具，支撑产品设计一致性。