组件与代码
共 1000 个设计师推荐的组件与代码网站。
设计系统Bolt Design System
Pega 开源设计系统，提供 React 与 Twig 双实现，含组件、样式与规范。
Skeleton
基于 Tailwind 的自适应设计系统，提供 Svelte 等框架的即用组件和主题。
设计系统PIE Design System
Just Eat Takeaway 的全球设计系统，提供 Figma 组件库与前端代码，支撑其全线产品。
html2canvas
纯前端 JavaScript 库，读取 DOM 与样式把网页或局部元素渲染成 canvas 截图。
Taiga UI
面向 Angular 的开源 UI 组件库，完全支持 tree-shaking，可深度定制主题。
组件库Svelte Material UI
基于 Material Design 的 Svelte 组件库，TypeScript 严格类型，支持 Sass 主题定制与 SSR。
Pharos
JSTOR 官方设计系统，提供 Web Components 与 React 组件及设计规范。
shadcn-admin-kit
基于 shadcn/ui 的开源后台管理组件套件，内置 CRUD、数据表格、表单与权限控制。
Material React Table
基于 Material UI 与 TanStack Table 的 React 数据表格组件，功能全面，TypeScript 编写。
google-map-react
基于 Google Maps API 的 React 组件，可将任意 React 组件渲染为地图标记，支持服务端渲染。
组件库React Suite
面向企业级应用的 React UI 组件库，提供 80+ 组件、响应式设计、暗色模式与 TypeScript 支持。
Yet Another React Lightbox
现代 React 灯箱组件，支持响应式图片、视频、缩放，插件化设计，TypeScript 内置。
动画库Moti
React Native 通用动画库，基于 Reanimated 3，支持跨平台 60FPS 动画与挂载/卸载过渡。
设计系统QuickBooks Design System
QuickBooks 设计系统官网，提供品牌基础、设计原则、资源库等公开指南。
代码片段 / CSS 效果UI SFX
开源界面音效库，78 个语义化 UI 音效，12 种风格，共 936 个音效，MIT/CC0 授权。
3D / WebGL 库ThreeUI
284 个可直接复制粘贴的 Three.js 组件、模板与交互着色器，涵盖 WebGL 背景、动效 Hero 与 UI 特效。
Vitamin Web
★ 288迪卡侬设计系统 Vitamin 的 Web 组件库，基于 Tailwind CSS，提供可访问的 UI 组件与设计令牌。
ProgressBar.js
轻量级 JavaScript 进度条库，支持线形、圆形等内置形状及自定义 SVG 路径动画。
Arco Design Vue
基于 Arco Design 设计体系的 Vue UI 组件库，组件丰富、开箱即用。
shadcn-admin
基于 shadcn/ui 与 Vite 构建的后台管理面板 UI，响应式、可访问，支持明暗模式与 RTL。
VTEX Styleguide
VTEX 官方设计系统与 React 组件库，基于 Storybook 开发，支持 npm 与 VTEX IO。
EasyMDE
简单美观、可嵌入的 JavaScript Markdown 编辑器，支持实时预览、自动保存和拼写检查。
Hint.css
纯 CSS 实现的提示气泡库，无需 JavaScript，体积仅 1.5KB，支持多种位置与颜色修饰。
Rellax
轻量级原生 JavaScript 视差滚动库，支持移动端与响应式速度设置。