组件与代码

react-rating

零依赖、高度可定制的 React 评分组件，支持任意 SVG 图标与无障碍访问。

Circle Loaders

24 个单色圆形加载动画，纯 CSS 与 SVG 实现，无依赖，支持减少动效偏好。

Shadcn UI Blocks

200+ 基于 shadcn/ui 的现成页面区块与组件，可预览、复制代码并直接用于项目。

Better Design

为 AI 编码助手提供真实设计系统的 shadcn registry，含 200+ 组件与 MCP 服务器，让 AI 生成的应用有品牌感。

shadcn-theme-editor

在运行中的应用内实时编辑 shadcn/ui（Tailwind v4 / OKLCH）主题变量，一键写回源码 CSS。

Vue.js Examples

收集大量 Vue.js 实用示例与开源项目的资源站，涵盖组件、应用与工具。

David AI

基于 Tailwind CSS 的免费开源 UI 组件库，提供可定制、生产就绪的组件，支持 TypeScript。

Onsen UI for Angular

基于 Angular 的混合移动应用与 PWA UI 框架，提供 Material 与 iOS 自动样式。

Alaska Airlines

阿拉斯加航空的 GitHub 组织，开源了 Auro 设计系统等 Web 组件库。

Mantine DataTable

基于 Mantine UI 的 React 数据表格组件，支持异步加载、分页、排序、行选择等丰富功能。

pure-react-carousel

一套无样式、高度灵活的 React 轮播组件，不限制 DOM 结构与 CSS，支持触摸和 ARIA。

React Sketch Canvas

基于 SVG 的 React 手绘矢量绘图组件，笔迹以路径数据存储，可缩放、回放与导出。

react-credit-cards

React 信用卡组件，为支付表单提供美观的卡片预览与输入联动效果。

Rivelle UI

面向 React 与 Next.js 的开源 UI 库，组件源码直接安装进项目，含 55 个基础组件、11 个交互效果与 8 个应用区块。

React Cosmos

React 组件隔离开发与测试沙箱，支持热重载和可视化调试。

Great UI

50+ 精美可访问的 Tailwind CSS React 组件，复制粘贴即可快速搭建高级界面。

Kinetics

基于弹簧物理的网页交互动效库，提供 153 个微交互，可复制 CSS、React 或 AI 提示词。

Ring UI

★ 3,792

JetBrains 官方开源的 React Web UI 组件库，覆盖后台与工具类产品界面。

ViraUI

面向 AI 时代的全功能设计系统与框架，基于 React 和现代 CSS，含设计令牌、组件、动效与无障碍元数据。

Nord Design System

Nordhealth 出品的生产级设计系统，提供 Web Components、设计令牌与规范，支持任意框架。

UIAble

基于 shadcn 和 Base UI 的开源 UI 组件库，提供 790+ 组件、390+ 区块和 7 个模板，专为 Next.js 打造。

react-avatar-editor

React 头像裁剪组件，支持缩放、旋转、圆形或方形裁剪，TypeScript 编写，零运行时依赖。

Flowrift

Flowrift 是一个提供精美 Tailwind CSS UI 区块的库，包含大量专业设计的组件、模板和主题。

KoliBri

德国政府开源的 Web Components 组件库，专注无障碍访问，支持主题定制与多框架适配。