组件与代码

Siemens Industrial Experience (iX)

西门子开源的工业级设计系统，基于原生 Web Components，提供 UI 组件、设计工具与内容规范。

react-scroll

React 轻量级滚动组件库，实现平滑滚动、锚点导航与滚动监听，支持自定义动画。

Pines UI

基于 Alpine.js 和 Tailwind 的复制粘贴式 UI 组件库，含 42 个交互元素，无需构建步骤。

shadcn-svelte

shadcn/ui 的 Svelte 社区移植版，提供可定制、可扩展的组件，开源开放代码。

New York State Design System

纽约州政府开源设计系统，基于 Lit 的 Web Components，含设计令牌、主题与 Figma 库，符合 WCAG 2.2。

Pharos

JSTOR 官方设计系统，提供可复用组件、样式与品牌指南，支持 Web 与 React 组件。

SaaS Blocks Kit

10 个生产级 SaaS 落地页区块，基于 Next.js 15、shadcn/ui、Tailwind CSS v4 与 TypeScript，默认暗色模式。

OpenUI5

SAP 开源的企业级前端框架，基于 JavaScript 和 HTML5，提供丰富控件与数据绑定，跨设备跨浏览器。

AI Canvas

通过 shadcn CLI 一键安装的动画 React 组件、区块与设计系统注册表，代码可编辑且不消耗 AI token。

000h by Cojeev

一套富有表现力的 React 组件库，采用有机形状与可调运动，基于 shadcn 注册表，源码可自由修改。

React Leaflet

基于 React 的 Leaflet 地图组件库，用声明式组件在 React 应用中嵌入交互式地图。

Tailark

基于 shadcn/ui 的营销区块与页面注册表，含插画，助你快速搭建现代营销网站。

Yoga Design System

Gympass/Wellhub 开源的 React 与 React Native 设计系统，提供主题化组件与文档。

Shadcn Event Calendar

基于 shadcn/ui 与 Tailwind 的 React 事件日历组件，支持日周月年视图，灵感来自 Google Calendar 和 Notion。

Data Driven Forms

基于 React Final Form 的 React 表单渲染库，用 JSON schema 声明式构建复杂表单，支持多种 UI 组件映射。

Atelier UI

面向 React 与 Next.js 的 WebGL 与动效组件注册表，源码复制进项目，共享单一 Canvas 与滚动循环。

tsParticles React

tsParticles 官方 React 组件，用于在网页中创建粒子、连线等动态背景效果。

react-virtualized

React 虚拟化组件库，高效渲染大型列表、表格和网格，支持排序等功能。

Priceline One

Priceline 官方设计系统，提供 React 组件库、主题与 Sketch 资源，用于构建统一品牌界面。

Mixpanel Design System

Mixpanel 官方设计系统，提供组件、设计规范与品牌资源，供团队统一产品体验。

LeafyGreen Design System

MongoDB 开源的 LeafyGreen 设计系统，提供组件、排版、图标与配色等规范。

Mantine DataTable

Mantine UI 的轻量数据表格组件，支持异步加载、排序、分页、批量选择与深色主题。

react-svg-pan-zoom

一个为 SVG 添加平移和缩放功能的 React 组件，方便在小空间展示大图。

react-imgix

React 组件，用于在 React 网站中集成 imgix 图片 CDN，自动生成响应式图片。