组件与代码

material-table

基于 Material-UI 的 React 数据表格组件，支持分组、树形数据、导出、行内编辑等增强功能。

react-toggle

一个优雅、无障碍的 React 开关切换组件，本质上是一个美化过的复选框。

Tagify

轻量高效的标签输入组件，支持原生 JS、React、Vue 和 Angular，功能丰富且可定制。

Toggles.dev

开源动画主题切换组件库，支持 React、Svelte、Vue，可通过 shadcn/ui 或 npm 安装。

Seijaku

★ 39

用 Three.js 实时渲染的京都住宅滚动漫游，含四季、庭院与材质展示。

Tegaki

开源手写动画库与生成器，任意字体按笔画顺序逐笔书写，支持多框架与多语言。

Devouring Details

一本面向交互设计师的交互参考手册，含 23 章和 23 个可下载的 React 组件。

tsParticles

轻量级 TypeScript 粒子引擎，可在网页和应用中创建交互式粒子背景、特效与彩带。

Siemens Industrial Experience

西门子开源设计系统，面向复杂工业界面与数据分析，提供组件、图标、样式与主题定制。

Moving Letters

用 JavaScript 和 anime.js 实现的文字动画效果合集，提供多种可复用的文字动效代码。

Mozilla Protocol

Mozilla 官方设计系统，提供可复用组件与内容、无障碍规范，用于构建品牌网站。

MVPBlocks

开源 UI 区块库，基于 Next.js、React、Tailwind CSS 和 Framer Motion，复制粘贴即可使用。

Lucide Animated

基于 Lucide 的免费开源动画图标库，提供 350+ 个由 Motion 驱动的流畅 React 图标，MIT 许可，复制即用。

Ontario Design System

加拿大安大略省政府官方设计系统，提供组件、样式与编码标准，用于构建政府数字产品。

Notistack

React 高度可定制的堆叠式通知（Snackbar/Toast）组件库，支持队列与 Hook 调用。

HyperUI

免费开源的 Tailwind CSS 组件集合，复制即用，覆盖营销、应用与电商界面。

PrimeReact

一套完整的 React UI 组件库，提供 50+ 组件与多种主题，现已并入 PrimeUI 继续维护。

Fomantic-UI

Semantic-UI 的社区分支，用自然语言类名快速构建响应式界面，支持主题定制与多框架集成。

siddz-ui

一套免费可复制粘贴的 React + Tailwind CSS 动效组件集合，注重性能与可访问性。

FAST

微软推出的基于原生 Web Components 的 UI 组件与设计系统，兼容主流框架。

Vivus

轻量级无依赖 JavaScript 库，让 SVG 路径呈现手绘描边动画效果。

Meraki UI

免费 Tailwind CSS 组件库，支持 RTL 语言、响应式布局与优雅暗色模式。

Onsen UI

基于 Web Components 的跨平台移动应用 UI 框架，支持 iOS 与 Material 设计，提供 React、Vue、Angular 绑定。

Thumbprint

Thumbtack 开源的设计系统，包含组件库与文档，基于 React 和 Gatsby 构建。