组件与代码
共 1000 个设计师推荐的组件与代码网站，按质量与推荐次数排序。
样式框架与工具Tailwind CSS
实用优先的 CSS 框架，用类名直接在 HTML 中快速构建现代网站。
Salesforce Lightning Design System
Salesforce 官方开源设计系统，提供 CSS 框架与组件，用于构建符合 Lightning 风格的界面。
Primer Components
GitHub 官方设计系统 Primer 的 React 组件库，提供可复用、无障碍的 UI 组件。
设计系统Fluent 2 Design System
微软推出的新一代设计系统，提供跨平台组件、Figma UI Kit 与开发工具，实现设计与开发无缝协作。
three.js
轻量易用的跨浏览器 JavaScript 3D 库，基于 WebGL/WebGPU 渲染，可创建交互式 3D 场景。
组件库React Spectrum
Adobe 设计系统的 React 实现，提供高质量、无障碍的 UI 组件，支持暗色模式、触控适配与国际化。
设计系统Primer
GitHub 官方设计系统，提供组件、设计规范与工具链，用于构建一致的产品界面。
设计系统Atlassian Design System
Atlassian 官方设计系统，提供组件、图标、设计指南和品牌资源，帮助团队构建一致的产品体验。
Foundation
响应式前端框架，语义化、移动优先、可定制，支持网站、应用和邮件。
Untitled UI
全球最大的 Figma UI Kit 与 React 组件库，含图标库，可快速设计与开发。
组件库shadcn/ui
基于 Radix UI 与 Tailwind CSS 的可复制粘贴 React 组件集合，代码归你所有，可自由定制。
shadcn/ui Blocks
shadcn/ui 官方区块库，提供仪表盘、登录页等可直接复制粘贴的 React 页面区块。
D3.js
基于数据驱动文档的 JavaScript 可视化库，可创建高度定制的交互式图表与地图。
组件库Mantine
★ 31,787功能完整的 React 组件库，含 120+ 组件与 70+ hooks，原生支持深色主题与无障碍。
Lightning Design System 2
Salesforce 官方设计系统，提供组件、图标、可访问性与 AI 交互设计规范。
Material Components
Google 官方 Material Design 组件库，覆盖 Android、iOS、Web 与 Flutter，模块化可定制。
GOV.UK Design System
英国政府官方设计系统，提供服务设计的样式、组件与模式，开源可复用。
设计系统Fluent 2 Design System
微软推出的新一代设计系统，提供跨平台组件、Figma UI Kit 与开发工具，支持玻璃拟物化美学。
styled-components
React 的 CSS-in-JS 样式库，用真实 CSS 编写组件样式，自动作用域隔离，支持 SSR 与 React Native。
PatternFly
Red Hat 开源的企业级设计系统，提供组件、文档与代码，用于构建大规模产品界面。
Lottie
Airbnb 开源的动画库，解析 After Effects 导出的 JSON 动画，在移动端和 Web 原生渲染。
样式框架与工具Bulma
基于 Flexbox 的免费开源 CSS 框架，模块化、响应式，无需 JavaScript。
TDesign
腾讯开源的企业级设计体系，提供统一设计语言与多技术栈 UI 组件库。
Material UI Autocomplete
MUI 提供的 React 自动补全输入组件，带建议选项面板，支持多选与无障碍访问。