组件与代码
共 1000 个设计师推荐的组件与代码网站，按质量与推荐次数排序。
组件库Ant Design
★ 99,650企业级 React UI 组件库与设计体系，组件丰富、可定制主题，适合中后台产品开发。
设计系统Carbon Design System
IBM 开源企业级设计系统，含代码、设计工具、指南与社区。
设计系统GOV.UK Design System
英国政府官方设计系统，提供样式、组件与模式，帮助政府服务保持一致的 GOV.UK 体验。
React Spectrum
★ 15,901Adobe 开源的设计系统与无障碍 React 组件库，含 React Aria、React Stately 等工具。
样式框架与工具Bootstrap
最流行的前端 UI 框架，提供响应式栅格、大量 CSS 与 JS 组件，可快速搭建网站。
动画库GSAP
专业级 JavaScript 动画库，可流畅动画化 UI、SVG 与 WebGL，性能出色、缓动丰富。
组件库Ant Design
企业级 UI 设计语言和 React 组件库，提供丰富组件与设计规范，适合中后台产品开发。
组件库Chakra UI
★ 40,675面向 React 的模块化无障碍组件库，内置暗色模式与设计令牌系统，可快速搭建 Web 应用与设计系统。
设计系统Spectrum
Adobe 官方设计系统，提供组件、设计令牌与规范，覆盖多平台，保证产品一致性与可访问性。
Motion
面向 React、JavaScript 和 Vue 的现代动画库，支持手势、弹簧、布局过渡与滚动联动。
Carbon Design System
IBM 开源设计系统，提供 React 与 Web Components 组件库、设计令牌、图标及 Sass 样式。
Material UI
实现 Google Material Design 的 React 组件库，组件全面，免费开源。
组件库Material UI
实现 Google Material Design 的 React 组件库，开箱即用，支持深度主题定制。
动画库GSAP
专业级 JavaScript 动画库，可动画化任何 JS 能触及的内容，性能丝滑，支持 SVG、WebGL 与滚动叙事。
Carbon Design System
IBM 开源设计系统，含 React/Web Components 组件库、Sass 样式、设计令牌与图标。
shadcn/ui
可复制粘贴的 React 组件集合，基于 Radix UI 与 Tailwind CSS，代码可自由定制扩展。
设计系统U.S. Web Design System (USWDS)
美国政府官方设计系统，提供无障碍、移动友好的组件、模式与设计令牌，帮助快速构建政府网站。
动画库Motion
生产级 Web 动画库，支持 React、JavaScript 和 Vue，提供高性能、小体积的动画 API。
Fluent UI
微软官方前端框架，用于构建与 Microsoft 365 无缝融合的界面体验。
动画库Motion
生产级 Web 动画库，支持 React、JavaScript 和 Vue，轻量高性能，含 450+ 示例。
U.S. Web Design System (USWDS)
美国政府开源设计系统，提供无障碍、移动友好的 UI 组件与视觉规范，基于 Sass 与原生 JS。
Primer
GitHub 官方设计系统，提供设计令牌、组件与 Octicons 图标，用于构建可访问的界面。
Fluent UI
★ 20,304微软开源的 React 组件库与设计系统，用于构建跨平台 Web 应用，含 v9 组件与 Web Components。
样式框架与工具Tailwind CSS
实用优先的 CSS 框架，用类名直接在 HTML 中快速构建现代网站。