design-md-hub是一个开源仓库,收录了120个品牌的DESIGN.md规范文件,这些规格均从实际生产网站逆向提取,包含颜色、字体、组件和布局等详细信息。AI编码代理可直接读取这些PLAIN文本规范,生成符合品牌风格的用户界面。每个品牌文件夹还附带一个preview.html用于浏览器预览。
好开源,值得被发现。
发现优质开源项目,匿名提交开源项目,认领编辑你的开源项目。
带着好奇心,发现开源世界。
THE FIRST COLLECTIONTW Elements 是一个基于 MIT 许可的 Tailwind CSS 组件库,提供 500 多个交互式 UI 组件和 117 个以上的设计区块,支持暗黑模式和主题定制,适用于个人及商业项目且安装便捷。
Radix Themes 是由 WorkOS 维护的开源 React 组件库,专注于快速开发、易于维护和无障碍访问。其 README 提供了完整文档、发布日志、贡献指南、社区渠道及 MIT 许可证的链接。
Zag是一个JavaScript库,提供无头、框架无关的有限状态机用于构建可访问的UI组件。支持React、Solid、Vue和Svelte适配器,并提供了无需样式的API,可用于构建自定义设计系统。
Ant Design 是一个企业级的 UI 设计语言和基于 TypeScript 的 React 组件库,提供开箱即用的高质量组件、设计资源、主题定制及国际化支持。
一个为开发者精心策划的英文设计系统资源集,涵盖设计工具、设计令牌(Design Tokens)、模式库、组件测试、书籍及演讲等相关文章和工具。
A collection of seven skill libraries for AI coding agents covering code cleanup, prose editing, parallel agent orchestration, interface design, product feedback, design research, and QA. Works with Claude Code, Cursor, Codex and other agents that read skill files.
Tinte 是一个设计系统编译器和主题工具链,能将身份配置编译为 Agent Plugin,包含 SKILL.md 和 tokens.css,使编码代理能遵循品牌 UI 规范。它还支持将 OKLCH 令牌转换为 shadcn 预设、编辑器主题及终端配色方案。
Welcome UI 是 Welcome to the Jungle (@wttj) 开源的可定制设计系统,基于 React、TypeScript、Tailwind CSS 和 Ariakit 构建,提供核心组件以打造一致的用户界面,详细说明见库文档。
Better Design 是一个开源的 MCP 服务器和 shadcn/ui 注册表,旨在为 AI 编程代理提供设计系统、语义化 CSS 令牌、组件覆盖、UI 原则、图标匹配及 WCAG 审查规则。它包含 31 个主题,并支持 Claude Code、Cursor、VS Code/GitHub Copilot 等 MCP 客户端。
Radix Primitives 是一个开源的低级 UI 组件库,旨在构建可访问的设计系统和 Web 应用,专注于可访问性、自定义和开发者体验。该项目采用 MIT 许可证,由 WorkOS 维护。
OpenDesign是开源、本地优先的桌面应用,为Anthropic Claude Design的替代方案,采用Apache 2.0许可,原生适配多种编码代理,支持生成可编辑原型、幻灯片、图像、视频等内容,支持HTML/PDF/PPTX/MP4等多格式导出。
daisyUI 是一个免费且开源的 Tailwind CSS 组件库。它提供预先设计且可定制的 UI 组件,可直接在 HTML 中使用。该项目非常受欢迎,并拥有详尽的文档、组件库以及社区支持。
FAST是微软为现代网页设计的自适应界面系统,提供轻量级框架以构建符合标准的Web组件,并附带Fluent设计组件库。
Primer CSS 是 GitHub Primer 设计系统的 CSS 实现,以 @primer/css npm 包形式分发。它提供包含实用类和组件样式的 Sass/SCSS 源文件,涵盖核心、产品和营销场景。该项目目前处于维护 (KTLO) 模式。
Base Web 是一个实现 Uber Base 设计系统的 React 组件库,提供现代化、响应式的 UI 组件,支持 TypeScript 和基于 Styletron 的样式。目前处于维护模式。
Dembrandt 是一个开源 Node.js CLI 工具,通过 Playwright 渲染网站并从 DOM 提取颜色、排版、间距、边框、阴影、动效和组件等样式数据,输出为 W3C 设计令牌(Design Tokens)。它支持 Style Dictionary、Tailwind v4 等格式导出,内置 CI 漂移检测门控,并提供 MCP 接口,可与 Claude Code、Cursor 等 AI 智能体集成。该工具适用于自有或授权项目的文档整理与学习分析,遵循 MIT 许可证。
Storybook 是一个用于隔离构建、文档化和测试 UI 组件及页面的前端工作坊。它支持多种框架,并提供涵盖无障碍、文档和交互式开发的插件。
Priceline Design System是Priceline.com的开源UI组件库和设计标准。旨在统一界面模式,加速设计与开发,并促进无障碍、国际化及响应式网页设计。以npm包pcln-design-system发布,附带Storybook文档,采用MIT许可证。
Chromatic 是一款用于管理跨平台设计系统的构建工具,可从设计令牌(design-token)文件生成平台特定文件。它支持丰富的令牌表达式、主题管理以及 YAML/JSON 输入,并能输出 Sass、CSS、iOS、Android 和 HTML 样式指南。