组件与代码

Iris

Vimeo 开源的 React 设计系统，提供组件库、设计令牌和 Storybook 文档。

react-split-pane

React 可拖拽分割面板组件，支持水平/垂直布局、嵌套、持久化，TypeScript 编写，轻量且无障碍。

Motiq

面向产品界面的动效 React 组件库，基于 shadcn/ui，源码可编辑，含 86 个组件与工作流区块。

echarts-for-react

★ 5,007

Apache ECharts 的 React 封装组件，用声明式 option 在 React 中快速渲染各类图表。

react-arborist

React 树形视图组件，支持拖拽、虚拟滚动、多选、键盘导航，可构建文件管理器或侧边栏。

Singapore Government Design System

新加坡政府开源设计系统，提供统一的色彩、字体与组件，帮助团队构建一致、可访问的政府服务。

Slate

一个完全可定制的富文本编辑器框架，基于 React，逻辑由插件实现，适合构建 Medium 类编辑器。

Eva Design System

可定制品牌的设计系统，提供 Sketch 及 Web/移动端组件库，支持 Angular 与 React Native。

react-loader-spinner

React 加载动画组件库，提供 35+ 种纯 SVG 加载指示器，零依赖、可定制、支持 TypeScript。

Loading UI

免费开源的 CSS 与 React 加载动画、Spinner 与加载状态组件集合，可复制使用。

Workday Canvas Design System

Workday 开源的 Canvas 设计系统，提供可复用 UI 组件、设计令牌、图标与品牌资源及使用规范。

React Native Reusables

把 shadcn/ui 的设计理念带到 React Native，基于 NativeWind 的开源组件库，几乎一样易用。

Spectrum UI

基于 shadcn/ui、Tailwind 与 Motion 的免费 React 组件合集，250+ 组件可复制粘贴或 CLI 安装。

PrimeNG

PrimeNG 是 PrimeTek 推出的 Angular UI 组件库，提供丰富组件、多主题与暗色模式。

SEEK Style Guide

SEEK 官方开源设计系统，包含 Web 应用组件与 10 条设计原则，可在线浏览。

Workday Canvas Design System

Workday 开源设计系统，提供可复用 UI 组件、设计令牌、图标资源与使用指南。

react-window

React 虚拟列表组件库，高效渲染大型列表、表格与网格数据，避免性能问题。

MicroKit UI

面向开发者的微交互组件库，提供可复制粘贴的按钮、悬停、标签页等动效代码，支持 Tailwind 与纯 CSS。

Motion Lexicon

100 个可直接复制的 React 动效组件，基于 shadcn registry，含实时预览与减弱动效支持。

Intergalactic

Semrush 开源的设计系统，提供 56+ React 组件、图表、表格与 250+ 图标。

Vibe Design System

monday.com 官方 React UI 组件库与设计系统，含组件、图标、样式与 MCP 服务。

NativeBase

跨平台 React Native 组件库，支持 iOS、Android 和 Web，可主题化且无障碍。

react-syntax-highlighter

React 代码语法高亮组件，基于 Prism 或 Highlight.js 的 AST，支持内联样式。

Kokonut UI

基于 Tailwind CSS、shadcn/ui 和 Motion 构建的开源精美组件集合，可直接用于网站。