组件与代码

Zepa UI

面向 React 与 Next.js 的免费开源 UI 组件与 Hero 区块库，复制即用，兼容 shadcn 与 Tailwind。

RoughNotation

一个小型 JavaScript 库，可在网页上创建并动画化手绘风格的标注，如圈选、下划线、高亮等。

Infor Design System

Infor 官方企业级设计系统，提供 SoHo 设计语言、组件、代码与规范。

Basis Design System

一套开源 React 设计系统，提供排版、间距、颜色等基础规范与 30+ 常用组件。

KRDS UI/UX

韩国数字政府设计系统 KRDS 的 HTML 组件套件，提供设计令牌与可复用 UI 组件。

react-media

React 的 CSS 媒体查询组件，通过 <Media> 组件或 useMedia Hook 响应式渲染内容。

KendoReact Grid

KendoReact 的数据表格组件，支持分页、排序、筛选、编辑、分组、导出等 100+ 功能。

react-sketch-canvas

基于 SVG 的 React 手绘矢量画布组件，支持鼠标、触屏与数位板输入，可导出图片或 SVG。

Gooey React

一个轻量级 React 组件，用于实现粘性/融合效果（metaballs），优化清晰度并支持 Safari。

Dot Matrix

基于 React、TypeScript、Tailwind 和 shadcn 的 55+ 免费开源点阵加载动画组件库。

neobrutalism-components

基于 shadcn/ui 的新粗野主义风格 Tailwind 组件集合，提供鲜明边框与硬阴影的 UI 组件。

DESIGN.md

面向 AI 编程的设计系统社区，提供数百个免费 DESIGN.md 文件，让 Cursor、Claude Code 等工具生成统一 UI。

shadcn/ui + TanStack Form

结合 shadcn/ui 与 TanStack Form 的类型安全 React 表单组件集，内置验证与无障碍支持。

Reactive Button

3D 动画 React 按钮组件，带进度条和状态提示，零依赖、轻量易用。

British Gas Nucleus Design System

英国天然气公司的设计系统 Nucleus，包含组件、规范、模式与页面类型。

slidytabs

为 shadcn 的 Tabs 组件添加滑动指示器动画，无需改变原有用法即可获得流畅切换效果。

react-lazy-load

基于 Intersection Observer 的 React 懒加载组件，元素进入视口时才渲染子内容。

Vivid.js

Vivid.js 是一套 90+ 像素级手工 SVG 图标库，支持 JS 项目与 Sketch，体积轻量可定制。

Treact

基于 React 和 TailwindCSS 的免费现代 UI 模板与组件库，含 7 个落地页和 52 个组件。

Milligram

极简 CSS 框架，仅 2KB（gzip），提供轻量样式重置与基础排版，追求快速干净的起点。

react-sparklines

★ 2,851

轻量的 React 迷你图表组件，用于在表格或卡片中绘制简洁的走势线。

Numeric Stepper

一个可完全定制主题、无障碍的 React 数字步进器组件，支持滑块式交互。

Async Select

基于 React 与 shadcn/ui 构建的异步下拉选择组件，支持防抖搜索与预加载模式。

Semantic UI Vue

Semantic UI 的 Vue 集成组件库，提供丰富的 UI 组件与主题。