组件与代码
共 1000 个设计师推荐的组件与代码网站。
组件库React Complex Tree
无预设样式的 React 树形组件，支持多选、拖拽、搜索与键盘操作，零依赖且无障碍。
Full Calendar
基于 React、TypeScript 和 shadcn/ui 的功能丰富日历组件，支持多视图、拖拽与事件管理。
Whirl
一个纯 CSS 加载动画合集，用伪元素实现，可单独引入或复制修改。
组件库gluestack-ui
基于 Tailwind CSS 的 React 与 React Native 组件库，支持 Web 和移动端，可复制粘贴使用。
Aphrodite
框架无关的 CSS-in-JS 库，支持服务端渲染、自动前缀和最小 CSS 生成。
组件库shadcn-chatbot-kit
基于 shadcn/ui 的精美聊天机器人 UI 组件库，可完全自定义并归你所有。
组件库1st-Pouf
蓬松粉彩的黏土拟态 React UI 套件，以 shadcn 注册表形式安装，源码可完全掌控。
动效组件gooey-toast
React 的形变吐司通知库，有机 blob 动画、Promise 追踪，开箱即用可深度定制。
Clarity Design
Teambition 出品的协作产品 UI 设计语言与 React 组件库，面向企业级中后台产品。
Chota
超轻量级 CSS 框架，仅约 3KB，无需预处理器，提供 12 列网格、组件和暗色模式。
Agent Elements
开源的 React 组件库，用于快速搭建 Claude Code 风格的 AI Agent 界面，含聊天、工具调用、计划与终端输出。
carouselcn
面向 React 的轻量轮播组件，复制粘贴即用，类似 shadcn，支持拖拽、循环与暗色模式。
Stateful Button React
基于 shadcn/ui 的有状态按钮组件，用 XState 管理加载、成功、错误等异步状态并支持无障碍。
react-awesome-slider
轻量高性能的 React 轮播/滑块组件，支持 60fps 动画、多种过渡效果与全屏导航。
KUTE.js
高性能 JavaScript 动画引擎，支持 3D 变换、SVG 变形与绘制、滚动动画等，模块化设计。
代码片段 / CSS 效果CSS Scan Box Shadow Examples
95 个精选 CSS box-shadow 阴影示例，点击即可复制代码，免费使用。
React Voodoo
基于增量叠加模型的 React 动画引擎，支持多源动画合成、手势滑动与 SSR，性能优于 GSAP。
设计系统Astro Space UX Design System
面向航天应用的设计系统，提供组件、图标、布局与 Figma 文件及代码实现。
framecn
基于 Editframe 的 React 视频组件库，零配置一键安装，与 shadcn/ui 兼容，可编程生成视频。
Sage Design System
Kajabi 开源的设计系统，含设计令牌、React 组件与文档，帮助团队快速构建一致的产品界面。
TanStack Table
无头、类型安全的表格与数据网格构建库，支持 React 等多框架。
egjs-infinitegrid (React InfiniteGrid)
NAVER 出品的无限滚动网格布局库，支持 Masonry、Justified 等多种布局，含 React 组件。
动效组件Lukacho UI
基于 Next.js、TailwindCSS 和 Framer Motion 的动画 UI 组件合集，含图表、下拉菜单等。
Dialectcn
一个 shadcn 预设目录站，收录品牌风格、社区投稿与随机生成的配色排版预设，复制即用。