组件与代码
共 1000 个设计师推荐的组件与代码网站。
Pittaya UI
基于 React、TypeScript 和 Tailwind CSS 的开源 UI 组件库，构建在 shadcn/ui 与 Radix UI 之上。
ProgressButton
基于 shadcn/ui 按钮的进度按钮组件，用 XState 状态机驱动上传、提交等异步进度反馈。
组件库sensory-ui
为 shadcn/ui 组件添加语义化音效反馈的 React 库，基于 Web Audio API 实时合成，无需音频文件。
AT UI
基于 Vue.js 2.0 的模块化桌面端 UI 组件库，风格清新扁平。
rumble-charts
★ 343基于 D3 的 React 图表组件库，可组合、灵活，支持 SVG 渲染。
组件库Notiflix
纯 JavaScript 轻量库，提供非阻塞通知、弹窗、确认框和加载指示器，无依赖。
linked-chart
基于 Recharts 的图表组件，与 TanStack DataTable 联动，支持点击图表筛选表格数据。
nextjs-multi-image-upload
基于 Next.js 和 shadcn/ui 的多图上传组件，支持进度追踪、删除反馈与表单验证。
Inference Shell UI
AI 原生 React 组件库，提供聊天、A2UI 组件与工具审批，兼容 shadcn/ui，可快速接入 AI Agent。
代码片段 / CSS 效果Icono
纯 CSS 实现的图标库，无需外部资源，每个标签即可生成图标。
Tamagui
跨 Web 与 React Native 的 UI 框架，带优化编译器，兼顾性能与代码复用。
react-compare-image
一个用滑块对比两张图片的 React 组件，支持水平和垂直方向，响应式适配父容器宽度。
Mística
Telefónica 开源的企业级数字设计系统，提供跨平台合规组件与设计规范。
Schedule-X
现代 JavaScript 事件日历库，响应式、支持国际化与扩展，可替代 FullCalendar。
组件库Halaska UI
面向 AI 产品的 React UI 套件，含 40 个 AI UX 模式与 77 个组件，基于 shadcn/ui。
动效组件Liquid Glass
一个无依赖的 React 玻璃折射组件，能实时折射页面 DOM，兼容 Safari、Firefox 和 Chrome。
Yet Another React Lightbox
一个轻量的 React 灯箱组件，几分钟内即可为项目添加图片查看功能，支持响应式图片与插件扩展。
Franken UI
基于 UIkit 3 与 LitElement 的 HTML 优先 UI 组件库，风格类似 shadcn/ui，可复制粘贴使用。
Animated Tabs
★ 139用 Next.js、Tailwind、shadcn/ui 和 Motion 打造的 Vercel 风格动效标签页组件
billui
★ 38基于 shadcn/ui 的开源 React 计费 UI 组件库，提供定价卡、支付方式、发票历史等组件。
rich-textarea
一个轻量级 React 文本域组件，支持文本着色、高亮、装饰和自动补全，兼容原生 textarea 行为。
SmartBlock.js
基于 React 和 ProseMirror 的块状所见即所得编辑器，支持移动端，可自定义区块，输出干净 HTML 或 JSON。
Yoga Design System
Gympass 开源的跨平台设计系统，含设计规范与 React / React Native 组件库。
MongoDB Design System
MongoDB 官方开源设计系统，提供可复用的 UI 组件与设计规范。