组件与代码

react-inspector

在 React 应用内嵌浏览器 DevTools 风格的对象与 DOM 检查器组件。

Ely GPUI Components

面向 GPUI 的组件库，含 1272 个组件、43 个章节，支持明暗主题，可在浏览器中实时预览。

mapcn

基于 MapLibre GL 与 Tailwind CSS 的美观可定制地图组件库，兼容 shadcn/ui。

particles-bg

★ 671

React 粒子动画背景组件，基于 Proton 封装，支持多种粒子类型与自定义配置。

audio/ui

★ 193

基于 shadcn/ui 的可访问音频界面组件集，复制粘贴即可拥有，用于 React 应用。

Manifest UI

基于 shadcn/ui 的开源组件库，专为构建 ChatGPT 等 AI 智能体聊天界面而设计。

shadcn/ui Custom Password Input

基于 shadcn/ui 的自定义密码输入框代码片段，含显示/隐藏密码切换功能。

tnks-data-table

基于 shadcn/ui 与 TanStack Table 的高级数据表格组件，支持服务端分页、筛选、行选择与导出。

CSShake

纯 CSS 类库，为 DOM 元素添加多种抖动动画，如慢速、快速、旋转、透明度等。

react-spinners-css

纯 CSS 实现的 React 加载动画组件集合，零依赖、可按需单独安装。

Attractions

一个为 Svelte 打造的 UI 组件库，包含 49 个组件，支持 Sass 自定义样式。

ReactCompareImage

一个 React 组件，用滑块对比两张图片，支持垂直、悬停、自定义样式等。

JSON•Edit•React

一个高度可配置的 React 组件，用于查看和编辑 JSON 或对象数据。

TfWM Design System

西米德兰兹交通局的开源设计系统，包含排版、视觉样式与 UI 组件库。

react-geosuggest

基于 Google Maps Places API 的 React 地址自动补全组件，支持自定义建议与 Preact。

react-svg-map

一组 React 组件，用于展示可交互的 SVG 地图，支持键盘导航与无障碍访问。

react-inlinesvg

一个用于 React 的 SVG 加载组件，支持内联、本地或远程 SVG，带缓存与 SSR 支持。

lingua-time

一个能理解自然语言输入的智能日期时间选择器组件，基于 shadcn/ui 构建。

mrdoge-ui

面向体育类应用的开源 UI 组件库，基于 Tailwind 与 shadcn/ui，含比赛卡片、赔率选择器等。

SimpleKit

基于 Wagmi 和 shadcn/ui 的响应式连接钱包与账户组件，用于 React 应用快速集成 Web3 钱包体验。

warcraftcn

受《魔兽争霸 III》RTS 界面风格启发的开源组件集，复制即用，兼容主流框架。

react-id-swiper

将 Swiper 触摸滑块封装为 React 组件的库，支持自定义模块构建以减小打包体积。

Baklava Design System

Trendyol 开源的设计系统，基于原生 Web Components，可在 Vue、React、Angular 等框架中使用。

react-intense

一个 React 组件，用于放大查看大图，支持 hooks 和自定义样式。