组件与代码
共 1000 个设计师推荐的组件与代码网站。
downshift-shadcn-combobox
基于 shadcn/ui 和 Downshift 构建的 Combobox/自动补全组件,可通过 shadcn CLI 安装。
ForgeUI
动画优先的 React 组件库,基于 shadcn/ui 与 Framer Motion,提供动效表单、卡片与 WebGL 背景。
Gradient Picker
基于 Shadcn UI、Radix UI 和 Tailwind CSS 构建的精美渐变选择器组件,可复制代码使用。
MotionVideo
教 AI 编码代理做动效设计的技能包,用代码渲染片头、宣传片和更新视频。
区块 / SectionsKanban Board 06 Block
Intent UI 提供的看板区块,可全屏预览布局、间距与响应式细节,支持明暗主题。
区块 / SectionsEfferd
基于 shadcn/ui 的即用型区块库,代码直接写入项目,响应式且兼容多种 React 框架。
Jolly UI
基于 React Aria 的 shadcn/ui 兼容组件库,可复制粘贴,注重无障碍与可定制。
React Arborist
React 树形视图组件库,无头、虚拟化、支持多选、拖拽、键盘导航和搜索。
Vyoma UI
基于 shadcn/ui 构建的现代 UI 组件库,注重空间感与排版,动画流畅且可访问。
shadcn-editor
基于 Lexical 和 shadcn/ui 的富文本编辑器,支持 Markdown 快捷输入和多种扩展。
样式框架与工具NES.css
NES 风格(8-bit 像素风)CSS 框架,提供按钮、对话框等复古游戏组件。
Bojler
Bojler 是一个用于开发响应式轻量邮件模板的邮件框架,内置 SASS、CSS 内联和网格系统,兼容主流邮件客户端。
react-masonry-component
一个 React 组件,封装了 Masonry 瀑布流布局库,方便在 React 中实现瀑布流。
设计系统Transport for West Midlands Design System
西米德兰兹交通局官方设计系统,提供样式、组件与模式,帮助服务与 TfWM 品牌保持一致。
react-data-table-component
一个 React 数据表格组件,支持排序、分页、行选择、展开行,可访问且响应式。
rsuite-table
React 表格组件,支持虚拟滚动、固定表头列、树形数据与自定义单元格。
react-instagram-zoom-slider
受 Instagram 启发的 React 轮播组件,支持双指捏合缩放图片,基于 react-spring 与 react-use-gesture。
react-flatpickr
Flatpickr 的 React 封装组件,提供日期时间选择器,支持所有 Flatpickr 选项与钩子。
react-tags
一个简单易用的 React 标签输入组件,支持自动补全、拖拽排序和编辑标签。
react-autowidth-input
基于 Hooks 的 React 自动宽度输入框组件,零配置可用,体积小巧且高度可配置。
react-lottie-player
一个用于 React 的声明式 Lottie 动画播放器组件,支持播放、暂停、跳转等控制。
React Confirm Dialog
基于 Radix UI 和 Tailwind CSS 的 React 确认对话框组件,提供 Promise 式 API 和高度可定制外观。
cascader-shadcn
基于 shadcn/ui 的级联下拉菜单组件,用于选择地区、分类等层级数据。
DY Comps
基于 Next.js、TypeScript、ShadCN 与 Framer Motion 打造的精美 React 组件库,开源免费。