组件与代码

qr-code

一个无框架、无依赖、可自定义且支持动画的 SVG 二维码 Web Component。

Bold Design System

巴西 UFSC 大学 Bridge 实验室开源的设计系统，组件符合 WCAG AA 无障碍标准，支持明暗主题与自定义配色。

react-animatable

基于 Web Animations API 的极简 React 动画 Hooks，体积仅约 1kB，支持任意元素。

react-notifications-component

一个高度可定制的 React 通知组件，支持多种通知类型、动画和触摸操作，开箱即用。

DataCommand

基于 shadcn/ui 的数据驱动命令面板组件，支持异步获取、嵌套命令与即时搜索。

Extend UI

基于 React 和 Tailwind CSS 构建的精美落地页组件库，可复用且性能优化。

manfromexistence/ui

一个开源、可访问、可定制的 UI 组件库，帮助开发者快速构建精美界面。

Shadcn Cal

用 shadcn/ui、Radix Colors 和 React Aria 复刻 Cal.com 的月历预约组件

Lism CSS

轻量 CSS 框架，提供布局原语、和谐比例与设计令牌，对 AI 编码代理友好。

WA UI

基于 WhatsApp WDS 设计令牌的 shadcn/ui 组件注册表，提供 29 个聊天界面组件，支持明暗模式。

Bean Heads

可自定义的卡通头像生成器，支持 React 组件和在线编辑器，MIT 开源可商用。

AniJS

声明式 CSS 动画库，用类似句子的 data 属性为元素添加动画，无需写代码。

Stepperize

类型安全的 React 多步骤流程工具包，定义步骤一次即可在任意位置使用，UI 完全自定义。

react-awesome-button

React 3D 动画按钮组件，支持进度、社交分享，60fps 流畅动画，轻量且适合生产环境。

LocalMode UI

本地优先的 AI UI 组件库，100+ 可复制 React 组件与 36 个区块，模型在浏览器端运行，无需服务器或 API Key。

shadcn-calendar-heatmap

基于 shadcn/ui 的无样式日历热力图组件，可自定义配色，用于展示 GitHub 式活跃度数据。

more-shadcn

基于 shadcn-svelte 的高质量可复制组件集合，为 Svelte 5 提供多步骤流程、调色板等交互组件。

VStory

智能可视化叙事开发框架，结合 VChart、VTable 等组件，用数据讲述故事。

Mineral UI

★ 555

CA Technologies 出品的 React 设计系统与组件库，注重无障碍与响应式，可快速构建高质量 Web 应用。

React Awesome Button

轻量高性能的 React 3D 按钮组件，支持进度、社交分享与多主题，60fps 动画。

Beer CSS

基于 Material Design 3 的轻量 CSS 框架，体积小、无需构建步骤，专注开发者体验。

Granim.js

轻量级 JavaScript 库，用于创建流畅、可交互的渐变动画，体积小于 10kB。

react-anime

基于 anime.js 的 React 动画库，用组件和 props 轻松实现 CSS、SVG 与 DOM 动画。

auto-size-transition

一个 React 组件，能根据内部内容尺寸动态缩放，并带有平滑过渡动画。