组件与代码
共 1000 个设计师推荐的组件与代码网站，按质量与推荐次数排序。
组件库Tremor
基于 React、Tailwind CSS 和 Radix UI 的开源图表与仪表盘组件库，可复制粘贴或 NPM 安装。
Photon Design System
★ 274Firefox 官方设计系统，提供跨平台 UI 组件与设计规范，开源可复用。
Grommet
基于 React 的组件库与设计系统，主打无障碍、响应式与主题定制，适合移动优先的 Web 应用开发。
Elements by assistant-ui
为 AI 产品设计的 150+ 界面组件，涵盖推理、工具调用、审批等状态，每个演示可交互且附带源码。
lightGallery
轻量无依赖的响应式灯箱画廊插件，支持 React、Vue、Angular，模块化可定制。
设计系统BBC GEL (Global Experience Language)
BBC 的全球体验语言设计框架，提供跨数字服务的一致设计规范与组件。
设计系统Once UI
基于 Next.js 与 Supabase 的开源设计系统，提供 100+ 可复制粘贴的 React 组件、区块与页面模板。
Système de Design de l'État (DSFR)
法国政府官方设计系统，提供 HTML/CSS/JS 组件，用于构建可访问的公共网站界面。
react-admin
基于 React 和 Material Design 的前端框架，用于快速构建连接 REST/GraphQL API 的后台管理应用。
MUI X Data Grid
MUI 出品的 React 数据表格组件，支持筛选、排序、聚合、编辑与虚拟滚动，开箱即用。
代码片段 / CSS 效果WebGradients
180 款免费 CSS 渐变背景，一键复制代码，支持 Sketch/PS/Figma 资源包。
设计系统Backpack (Skyscanner)
★ 543Skyscanner 官方设计系统，提供指南、组件与工具，打造以旅客为先的体验。
设计系统Helios Design System
HashiCorp 开源设计系统，提供颜色、图标、排版等基础规范与可复用组件，帮助构建一致且无障碍的产品体验。
图表组件Google Charts
谷歌免费图表工具，提供丰富交互式图表，支持 HTML5/SVG，可实时连接数据。
组件库Framework7
免费开源的移动端 UI 框架，用 HTML/CSS/JS 构建 iOS、Android 与桌面应用，自带原生质感组件。
View Design (iView)
基于 Vue 的企业级 UI 组件库，专为中后台产品设计，组件丰富、文档完善。
Lightbox2
经典轻量级 JS 图片灯箱库，点击图片即可在当前页面叠加放大显示，支持图片组、标题与无障碍访问。
Recharts
基于 React 组件构建的可组合图表库，底层用 SVG 与 D3 子模块，轻量可靠。
Ant Design Mobile RN
基于 React Native 的移动端 UI 组件库，提供 40+ 基础组件，支持按需加载与主题定制。
Porsche Design System
保时捷官方设计系统，提供设计令牌、可复用 Web Components 与 UXI 指南，保证品牌一致性。
样式框架与工具Susy
Susy 是一个基于 Sass 的轻量级网格布局引擎，让开发者用统一语法灵活构建响应式布局。
Weather Icons
一套包含 222 个天气主题图标的图标字体和 CSS 库，支持缩放、旋转、变色等样式调整。
组件库CodyHouse
提供 404 个生产级 HTML/CSS/JS 组件和前端框架，兼容任意 CSS 框架，可快速构建网页。
react-konva
基于 Konva 的 React 声明式 2D Canvas 组件库，用 JSX 构建交互式图形、设计编辑器与白板。