组件与代码

Oracle Redwood

Oracle 官方设计系统，提供企业级 UI 组件、模式与设计规范，用于构建一致的 Oracle 应用体验。

Muuri React

基于 Muuri 的 React 布局引擎，支持响应式、排序、筛选、拖拽与动画的网格布局。

tetra-ui

面向 React Native 的 shadcn/ui 风格组件库，复制粘贴即拥有，基于 Expo 与 Uniwind。

shadcn-rjsf-form-builder

基于 shadcn/ui 的 react-jsonschema-form 组件注册表，含 JSON Schema 表单渲染器和拖拽式可视化表单构建器。

tsParticles Vue 3

tsParticles 官方 Vue 3 组件，用轻量代码在网页中创建粒子、连线等动态背景效果。

calendarcn

基于 shadcn/ui 与 Tailwind CSS 打造的开源 React 日历组件，灵感来自 Notion Calendar，支持周视图与深色模式。

Tweet to Code

把 Twitter 上的设计稿还原成可复用代码的合集，支持 shadcn/ui CLI 安装。

Reactstrap

基于 Bootstrap 的 React 组件库，提供无状态、易用的 UI 组件。

react-parallax-tilt

轻量级 React 组件，为元素添加鼠标悬停视差倾斜与眩光效果，仅 2.9kB 且零依赖。

New York State Design System

纽约州政府官方设计系统，提供可访问、移动友好的 Web 组件库与使用指南。

react-data-grid

功能丰富、可定制的 React 数据表格组件，支持虚拟滚动、单元格编辑与多列排序。

Vue Design System

基于 Vue.js 的开源设计系统构建工具，提供设计令牌、组件文档与命名规范。

Virtua

零配置、快速小巧的虚拟列表与网格组件，支持 React、Vue、Solid、Svelte 和 Angular。

qrcode.react

React 二维码生成组件，支持 SVG 和 Canvas 渲染，可自定义颜色、尺寸和嵌入图片。

CAUSTIC//VOLUME

基于 three.js 的实时水面焦散效果，提供轻量版和完整沙盒版，开源免费。

Cursor Lab

28 款可实时调节的自定义鼠标光标，支持复制为 JS、React 或 CSS 代码。

SpaceUI Sounds

零依赖的 UI 音效引擎，用 Web Audio API 实时合成 24 种交互音效，无需加载音频文件。

Space UI

基于 Base UI 与 Tailwind 的交互式 React 组件库，含 100+ 动效组件、着色器与高转化区块。

Metal (metal-fx)

为按钮、图标、文字添加实时液态金属光泽的 React 特效组件库，基于 WebGL 渲染。

Thinking Orbs

为 AI 界面设计的思考光球加载动画组件，提供九种手工调校的动态状态，零依赖。

Pando Design System

Pluralsight 官方设计系统，提供组件、样式指南与设计规范文档。

8bitcn/ui

8-bit 复古像素风格的 shadcn/ui 组件库，含组件、区块与游戏化界面，开源可复制粘贴。

twblocks

基于 shadcn 和 Radix 的免费开源网站区块，使用 Tailwind 和 Next.js，可复制粘贴到 React 项目。

shadcn-timeline

基于 shadcn/ui 的可定制时间线组件，支持 React、Tailwind CSS 和 Framer Motion 动画。