design-system

一份由知名品牌设计系统分析生成的 DESIGN.md 文件合集。将其放入你的项目中，即可让编码代理生成匹配的用户界面。

企业级 UI 设计语言与 React UI 组件库

Material UI：实现谷歌 Material Design 的综合性 React 组件库，永久免费。

Storybook是行业标准的UI组件独立构建、文档编写和测试工作台

🌼 🌼 🌼 🌼 🌼 最受欢迎、免费开源的Tailwind CSS组件库 （注：根据技术文档翻译规范，Tailwind CSS作为专有技术名词保留原文不译，符合前端开发领域的行业惯例）

A high quality UI Toolkit built on Vue.js 2.0

💅🏻 ⚒ 精选设计系统合集

一套帮助您构建自适应、无障碍且稳健的用户体验的库和工具集合。

采用领域驱动设计方法的完整模块化单体应用程序

Primer 是 GitHub 的设计系统，这是其 CSS 实现。

人类的函数式 CSS

用于忠实复刻旧版用户界面的设计系统

材料设计网页组件

📚 精选的优质文章、视频及其他资源列表，用于学习和实践软件架构、模式与原则。

用于构建可访问网页应用和设计系统的无样式UI组件。由Radix、Floating UI和Material UI的创建者打造。

由IBM构建的设计系统

美国网页设计系统帮助联邦政府构建快速、无障碍、移动友好的网站

一个为Vue构建高质量、可访问设计系统和Web应用的开源UI组件库。前身为Radix Vue。

使用一个命令提取任何网站的完整设计系统。 DTCG 代币、语义+基元+复合、Claude Code/Cursor/Windsurf 的 MCP 服务器、多平台发射器（iOS SwiftUI、Android Compose、Flutter、WordPress）、Tailwind v4、Figma 变量、shadcn/ui、CSS 健康审计、WCAG 修复、Chrome 扩展。麻省理工学院，剧作家，Node 20+。

漂亮且响应灵敏的 UI 组件和模板，适用于 React 和 Vue（很快）以及 Tailwind CSS。

学习如何设计大型系统 为系统设计面试做准备

将 Claude 转变为高级设计架构师：DTCG 代币、52 个组件、WCAG 2.2 AA-AAA、138 个设计系统、任意框架代码以及 50 个构建失败而不是假装成功的目标门。

快速构建Material Design界面……让开发者毫无压力……🍺💛

将设计系统转化为API。连接AI与Figma实现设计提取、创建与调试。