组件与代码
共 1000 个设计师推荐的组件与代码网站。
gooey-react
一个仅 0.5 KB 的 React 组件，实现形状融合的黏糊（gooey）效果，支持 Safari。
Creatorem UI
基于 Radix 与 Motion 的 React 组件库，含 Tour、Stepper、文件上传等高级交互组件。
React Fancy Switch
基于 shadcn/ui 的无障碍动画开关/分段控件，无需 framer-motion 即可实现高亮滑动效果。
Background Snippets
现代背景样式代码片段合集，复制粘贴即可使用，基于 Tailwind CSS。
KTUI
基于 Tailwind CSS 和原生 JavaScript 的开源 UI 组件库，模块化、可定制、支持无障碍。
shadcn-calendar-component
基于 shadcn/ui 的日历日期选择器组件，支持日期范围选择、多月份显示和年份范围设置。
组件库Shadcn Date Picker
基于 react-day-picker v9 的 shadcn 日期选择器组件，支持范围选择与年/月视图切换。
shadcn-solid
shadcn/ui 的 SolidJS 社区移植版，可复制粘贴的无障碍可定制组件，开源免费。
DevUI Design Of Angular
华为开源的企业级中后台 Angular 组件库与设计体系，开箱即用，遵循 MIT 协议。
Bento DS
★ 145开源设计系统，Figma 与 React 组件库完全镜像，60+ 组件、160+ 设计令牌，无需交付文档。
shadcn-react-number-scrubber
受 DaVinci Resolve 启发的 React 数字拖拽输入组件，基于 shadcn/ui，可横向拖动调值。
shadcn-phone-input
基于 shadcn 设计系统的可定制电话号码输入组件，支持国家选择与号码校验。
simple-ai
基于 shadcn/ui 的 AI 聊天界面组件与区块，复制即用，可自由修改源码。
Simple Image Uploader
基于 shadcn/ui、react-dropzone 和 zod 构建的图片上传组件，支持拖拽、校验和预览。
动画库Tilt.js
轻量级 jQuery 视差倾斜悬停效果库，基于 requestAnimationFrame，60+fps 流畅运行
tanstack-ui-table
基于 TanStack Table 和 shadcn/ui 构建的高级 React 表格组件，支持排序、筛选、拖拽、编辑和导出。
Sakura
极简无类名 CSS 框架，直接引入即可让旧网页变现代美观，支持双色调主题变量定制。
Reaviz
基于 D3 的 React 数据可视化组件库，提供 22+ 图表组件，支持动画与无障碍访问。
组件库Inkline
面向 Vue.js 的 UI 组件库，注重开发者体验、可配置性与无障碍，支持移动优先设计。
ngx-bootstrap
基于 Bootstrap 的 Angular 组件库，提供手风琴、模态框、日期选择器等丰富 UI 组件。
react-waypoint
React 组件，滚动到指定元素位置时触发回调，支持懒加载、无限滚动等场景。
Priceline Design System
Priceline 官方开源设计系统，提供 React 组件库与 UI 规范，强调可访问性与一致性。
json-edit-react
高度可配置的 React 组件，用于查看和编辑 JSON/对象数据，支持内联编辑、校验和自定义 UI。
ui-switch
基于原生 checkbox 的 React 开关组件，用 CSS 变量高度定制，超轻量。