组件与代码
共 1000 个设计师推荐的组件与代码网站。
Abstract User Avatar API
免费头像 API,根据用户名或首字母生成可定制颜色、字体和样式的用户头像。
Paper CSS
轻量 CSS 片段,让浏览器按 A3/A4/A5 等纸张尺寸排版并打印或导出 PDF。
Cutestrap
一个仅 2.7KB 的纯 CSS 框架,强调垂直节奏、一致表单和极简网格。
组件库flightcn
基于 MapLibre 的 React 航班可视化组件集,支持航线、追踪、网络与卫星图层。
组件库React Wheel Picker
iOS 风格的 React 滚轮选择器,支持惯性滚动、无限循环和无样式组件,可通过 shadcn CLI 安装。
Shadcn Icon Picker
基于 shadcn/ui 与 Lucide 的图标选择器组件,支持虚拟滚动与自定义图标列表。
组件库Forui
受 shadcn/ui 启发的 Flutter UI 组件库,极简美观、完全可定制、免费开源。
flutter-shadcn-ui
shadcn/ui 的 Flutter 移植版,提供高度可定制的 UI 组件,覆盖表单、导航、数据展示等常用场景。
Medialoot Free CSS Components
Medialoot 提供的免费 CSS 组件合集,包含日历、价格表等 14+ 手工制作的 UI 组件,提供 CSS、HTML、PSD、PNG 格式。
react-container-query
一个 React 库,用于实现基于容器尺寸的响应式组件,支持 Hook 和组件两种用法。
Persona Design System
基于 Nuxt3、TypeScript 和 Tailwind 构建的开源设计系统,提供可复用组件与设计规范。
SearchAddress
基于 React 的地址搜索组件,使用 OpenStreetMap Nominatim 实现自动补全与分组结果。
dominik-ui
个人维护的 React 组件注册表,专注 AI 应用界面,兼容 shadcn CLI,代码直接复制进项目。
Simple Table
轻量级数据表格组件,支持排序、筛选、虚拟滚动、树形数据、嵌套表头等,适配多框架。
react-voodoo
React 加法动画引擎,支持复杂手势、惯性、多点触控与 SSR 渲染。
VTable
基于 Canvas 的高性能多维数据分析表格组件,支持百万级数据流畅渲染与交互。
Adjust Atlas
Adjust 官方设计系统,包含设计基础、组件库与资源工具,供多团队多产品统一使用。
React Layman
React 的平铺窗口管理器,支持动态布局、拖拽调整、标签页,灵感来自 Replit IDE。
Scania Digital Design System (SDDS)
斯堪尼亚开源的数字设计系统,提供可复用的 UI 组件与设计规范,基于 Web Component 构建。
react-particle-image
把图片渲染成可交互粒子效果的 React 组件,支持鼠标扰动与自定义粒子参数。
React Image Display Control
Frameright 出品的 React 组件,读取图片元数据中的焦点区域,自动响应式裁剪缩放,体积小于 5kB。
react-infinite-gallery
React 无限滚动画廊组件,支持图片和视频,可自由拖拽探索,响应式网格布局。
react-heat-map
基于 SVG 的轻量 React 日历热力图组件,可自定义 GitHub 贡献图样式。
react-drag-sizing
一个 React 组件,实现拖拽调整尺寸(resize)功能,支持鼠标和触摸操作。