组件与代码

Pure CSS

极轻量的响应式 CSS 模块库，整套仅 3.5KB，适合快速搭建网页。

.italia Design System

意大利公共行政数字服务的官方设计系统，提供可访问、包容的组件与设计指南。

Rebass

基于 styled-system 的 React 基础 UI 组件库，极简、可主题化，体积仅约 4KB。

Ariakit

一套注重可访问性的 React 无样式组件工具包，提供组件、样式和示例。

FreeFrontend

免费前端代码片段合集，涵盖 HTML、CSS、JavaScript 的实用组件与动效，即拿即用。

Cookbook

Yelp 的设计系统，基于原子设计方法，提供样式、组件和复杂组件，注重可访问性。

Braid Design System

★ 1,571

SEEK 开源的可主题化 React 设计系统，提供无障碍组件、布局模式与样式工具。

Cult UI

开源 Shadcn UI 组件库，提供 154 个动画组件、区块和模板，可复制粘贴到 Next.js 项目。

Sonner

一个为 React 打造的、有主见的 Toast 通知组件，支持多种类型、位置和丰富配色。

Boring Avatars

开源的 React 头像库，可生成独特的 SVG 用户头像，支持自定义颜色和多种变体。

Splitting.js

一个仅 1.5KB 的 JS 库，将文字、网格、图片拆分为元素并注入 CSS 变量，方便用 CSS 做动画。

Creative Tim

面向开发者的 UI 组件库与模板平台，提供 React、Vue 等框架的 UI Kit、区块和后台模板。

Carbon Components Svelte

IBM Carbon 设计系统的 Svelte 组件库，提供完整的企业级 UI 组件。

react-image-crop

React 响应式图片裁剪组件，无依赖、体积小，支持触摸与键盘操作。

Semantic UI React

Semantic UI 的官方 React 集成，提供声明式组件、完整键盘支持与可访问性。

Tabler Icons for React

Tabler Icons 的 React 组件库，提供 450+ 免费 MIT 许可的高质量 SVG 图标。

Atlassian Frontend Mirror

Atlassian 前端代码公开镜像仓库，包含 Atlassian Design System 等所有公开发布的前端包源码。

Uiverse Galaxy

Uiverse.io 社区开源 UI 元素合集，超 3000 个 CSS/Tailwind 组件，免费可商用。

react-map-gl

基于 React 的地图组件库，封装 Mapbox GL 与 MapLibre GL，提供声明式地图 API。

react-responsive

在 React 中使用 CSS 媒体查询的库，支持 Hooks 和组件方式实现响应式设计。

Paste

Twilio 开源的设计系统，提供可访问、一致的 React 组件与设计令牌，用于构建高质量产品体验。

Zendesk Garden

Zendesk 官方设计系统，提供 React 组件、设计令牌、SVG 图标等开源资源。

KokonutUI

100+ 开源 React UI 组件，基于 Next.js、Tailwind CSS 与 Motion，支持复制粘贴和 CLI 安装。

react-burger-menu

React 的离屏侧边栏组件，内置多种 CSS 过渡与 SVG 路径动画效果。