组件与代码

Vibe Design System

monday.com 开源的 React 设计系统，提供组件、主题与无障碍支持。

OTF Kit

OTF Kit 提供 108+ 暗色优先、免费开源的 Web 与移动端 UI 组件，带实时预览。

SmoothUI

免费开源的 75+ 动效 React 组件库，兼容 shadcn/ui，支持按需安装，MIT 协议。

Bencho

47 个可实时交互的 UI 区块库，可拖拽调节并直接复制代码使用。

Velora UI

免费 MIT 开源的动效 React 组件与落地页模板库，基于 shadcn/ui、Tailwind CSS 4 与 Motion，体积轻量。

DialKit

在界面旁实时调节动效、间距、颜色等参数的开发工具，支持时间轴与版本保存。

Beautiful UI

面向 AI 原生界面的精致组件库，提供聊天、思考状态、人工审批等可复制粘贴组件。

UI Beats

55 个动画 React 组件，基于 Tailwind 与 Motion，可通过 shadcn CLI 安装并直接拥有源码。

Spartan

Angular 版 shadcn/ui，提供可访问的无样式 UI 原语和可复制粘贴的样式组件。

Typed.js

一个轻量级 JavaScript 打字动画库，可模拟逐字输入和删除文本的效果。

tablecn

基于 shadcn/ui 与 TanStack Table 的数据表格组件，支持排序、筛选、分页、无限滚动与实时协作。

shadcn.io

AI 原生的 shadcn/ui 组件库，提供 6000+ 生产级区块和组件，专为 AI 辅助的 React 和 Tailwind 开发设计。

Animista

在线 CSS 动画库，可预览、调节参数并下载所需动画代码。

react-lottie-player

一个完全声明式的 React Lottie 动画播放器，基于 hooks 重写，正确处理状态变化且无内存泄漏。

Kaizen Design System

Culture Amp 开源的公开设计系统，包含组件库与文档，加速产品设计与开发协作。

React Toolbox

基于 React 与 CSS Modules 的 Material Design 组件库，可主题化，适合 Webpack 工作流。

Welcome UI

基于 React、TypeScript、Tailwind CSS 和 Ariakit 的可定制设计系统，含 50+ 组件。

kbar

为网站快速添加可扩展的 ⌘K 命令面板界面，轻量且可移植。

react-rnd

React 的可拖拽、可缩放组件，支持网格吸附、锁定宽高比等，用于构建可自由调整的面板。

react-beautiful-dnd

Atlassian 出品的 React 拖拽库，专注列表拖拽，支持键盘与屏幕阅读器，性能出色。

Interlace Design System Registry

基于 Base UI 的 React 组件注册表，含 145 个原语与主题包，兼容 shadcn CLI 安装。

Swift Pieces

免费 SwiftUI 组件库，55 个生产级组件，含动效、触感与无障碍，支持 CLI 或 AI 代理安装。

Annnimate

基于 GSAP 的动效组件库，提供滚动显现、磁性按钮、文字特效等 React/Vue 组件。

beUI

基于 Motion 与 Tailwind 的免费开源 React/Next.js 动效组件库，可复制源码或用 shadcn CLI 安装。