Hunt Now

组件库

共 1000 个设计师推荐的组件库网站,按质量与推荐次数排序。

全部 组件与代码组件库 862区块 / Sections 31动效组件 101图表组件 41设计系统 190代码片段 / CSS 效果 39样式框架与工具 80动画库 623D / WebGL 库 10
组件库

Ant Design

★ 99,650

企业级 React UI 组件库与设计体系,组件丰富、可定制主题,适合中后台产品开发。

开源React后台SaaS
ant.design6 处推荐
设计系统

Carbon Design System

IBM 开源的企业级设计系统,提供代码、设计工具、指南与社区资源。

开源React后台SaaS
carbondesignsystem.com4 处推荐
设计系统

GOV.UK Design System

英国政府官方设计系统,提供样式、组件与模式,帮助政府服务保持一致的 GOV.UK 体验。

开源HTML/CSS登录注册
gov.uk1 处推荐
组件库

React Spectrum

★ 15,901

Adobe 开源的设计系统与无障碍 React 组件库,含 React Aria、React Stately 等工具。

开源React后台SaaS
github.com1 处推荐
样式框架与工具

Bootstrap

最流行的前端 UI 框架,提供响应式栅格、大量 CSS 与 JS 组件,可快速搭建网站。

开源HTML/CSS落地页后台
getbootstrap.com1 处推荐
组件库

Ant Design

企业级 UI 设计语言和 React 组件库,提供丰富组件与设计规范,适合中后台产品开发。

开源React后台
ant.design1 处推荐
组件库

Chakra UI

★ 40,675

面向 React 的模块化无障碍组件库,内置暗色模式与设计令牌系统,可快速搭建 Web 应用与设计系统。

开源ReactNext.js后台SaaS
chakra-ui.com5 处推荐
设计系统

Adobe Spectrum

Adobe 官方设计系统,提供跨平台组件、设计令牌与规范,支持 React 和 Web Components。

React
spectrum.adobe.com2 处推荐
设计系统

Carbon Design System

IBM 开源设计系统,提供 React 与 Web Components 组件库、设计令牌、图标及 Sass 样式。

开源ReactHTML/CSS后台SaaS
github.com1 处推荐
组件库

Material UI

实现 Google Material Design 的 React 组件库,组件全面,免费开源。

开源React后台落地页SaaS
github.com1 处推荐
组件库

Material UI

实现 Google Material Design 的 React 组件库,开箱即用,支持深度主题定制。

开源React后台落地页SaaS
material-ui.com1 处推荐
设计系统

Carbon Design System

IBM 开源设计系统,含 React/Web Components 组件库、Sass 样式、设计令牌与图标。

开源ReactHTML/CSS后台SaaS
github.com1 处推荐
组件库

shadcn/ui

可复制粘贴的 React 组件集合,基于 Radix UI 与 Tailwind CSS,代码可自由定制扩展。

开源ReactTailwind落地页SaaS
github.com1 处推荐
设计系统

U.S. Web Design System (USWDS)

美国政府官方设计系统,提供无障碍、移动友好的组件、模式与设计令牌,帮助快速构建政府网站。

开源HTML/CSS落地页
designsystem.digital.gov1 处推荐
设计系统

Fluent UI

微软官方前端框架与设计系统,用于构建与 Microsoft 365 无缝融合的界面体验。

React后台SaaS
developer.microsoft.com2 处推荐
设计系统

Primer

GitHub 官方设计系统,提供设计令牌、组件与 Octicons 图标,用于构建无障碍界面。

开源React
primer.style2 处推荐
设计系统

U.S. Web Design System (USWDS)

美国政府开源设计系统,提供无障碍、移动友好的 UI 组件与视觉规范,基于 Sass 与原生 JS。

开源HTML/CSS落地页
github.com1 处推荐
组件库

Fluent UI

★ 20,304

微软开源的 React 组件库与设计系统,用于构建跨平台 Web 应用,含 v9 组件与 Web Components。

ReactHTML/CSS后台SaaS
github.com2 处推荐
设计系统

Salesforce Lightning Design System

Salesforce 官方开源设计系统,提供 CSS 框架与组件,用于构建符合 Lightning 风格的界面。

开源HTML/CSS
github.com1 处推荐
组件库

Primer Components

GitHub 官方设计系统 Primer 的 React 组件库,提供可复用、无障碍的 UI 组件。

开源React后台
primer.style1 处推荐
组件库

React Spectrum

Adobe 设计系统的 React 实现,提供高质量、无障碍的 UI 组件,支持暗色模式、触控适配与国际化。

开源React
react-spectrum.adobe.com1 处推荐
设计系统

Primer

GitHub 官方设计系统,提供组件、设计规范与工具链,用于构建一致的产品界面。

开源ReactHTML/CSS
github.com1 处推荐
设计系统

Atlassian Design System

Atlassian 官方设计系统,提供组件、图标、设计指南和品牌资源,帮助团队构建一致的产品体验。

免费SaaS
atlassian.design4 处推荐
样式框架与工具

Foundation

响应式前端框架,语义化、移动优先、可定制,支持网站、应用和邮件。

HTML/CSS落地页邮件
get.foundation2 处推荐