赫尔辛基设计系统(HDS)是赫尔辛基市政府开源的设计系统,提供可访问的React组件、CSS样式和设计令牌,以及文档和设计方案资源。
好开源,值得被发现。
发现优质开源项目,匿名提交开源项目,认领编辑你的开源项目。
带着好奇心,发现开源世界。
THE FIRST COLLECTIONGitHub Dark 是 StylishThemes 开发的用户样式项目,可将 GitHub 界面切换为深色主题,减轻长时间编码时的视觉疲劳。它支持 GitHub、CodeMirror 和 Jupyter 的多种语法高亮主题,并可与 Stylus 等浏览器扩展配合使用。
Material Design for Bootstrap 是一个免费UI工具包,提供700多个组件、主题和模板,用于构建响应式移动优先网站。支持jQuery、Angular、React和Vue,基于MIT许可证。
design-md-hub是一个开源仓库,收录了120个品牌的DESIGN.md规范文件,这些规格均从实际生产网站逆向提取,包含颜色、字体、组件和布局等详细信息。AI编码代理可直接读取这些PLAIN文本规范,生成符合品牌风格的用户界面。每个品牌文件夹还附带一个preview.html用于浏览器预览。
TW Elements 是一个基于 MIT 许可的 Tailwind CSS 组件库,提供 500 多个交互式 UI 组件和 117 个以上的设计区块,支持暗黑模式和主题定制,适用于个人及商业项目且安装便捷。
Anime.js 是一个快速且轻量级的 JavaScript 动画库,提供强大的 API,可用于为 CSS 属性、SVG、DOM 属性和 JavaScript 对象创建动画。
这是一个由社区维护的CSS框架精选列表,按八个类别组织,包括基础重置、无类框架、轻量级、通用、Material Design、实用工具、专用及停滞项目,帮助开发者发现适合的样式解决方案。
Flowbite 是一个基于 Tailwind CSS 的开源 UI 组件库,提供由数据属性驱动的模态框、下拉菜单和日期选择器等交互组件,支持 vanilla JS API、TypeScript 类型、RTL 布局,并为 React、Vue、Svelte 和 Angular 提供绑定。
Font Awesome是一个广泛使用的图标库和工具包,为设计师和开发者提供SVG、字体和CSS资源。当前版本为7,版本6为长期支持版。
designlang 是一款基于 Playwright 的开源 CLI 工具,能够读取网站实时 DOM 并提取完整设计系统。它支持生成 DTCG 设计令牌、Tailwind 配置、Figma 变量、shadcn 主题及组件代码,同时具备 WCAG 无障碍对比度审计、多平台代码发射(iOS/Android/Flutter等)以及 MCP 服务器和 Chrome 扩展支持,专为设计系统审计与设计转代码工作流打造。
一个基于网络的画廊,旨在展示像素艺术作品。
Tabler 是一款基于 Bootstrap 5 的免费 MIT 许可 HTML 仪表盘 UI 框架,为管理面板和 Web 应用提供现成的布局、组件及 120 多个演示页面,支持深色模式、RTL 样式表、Sass 源码和 TypeScript 类型。
一个为开发者精心策划的英文设计系统资源集,涵盖设计工具、设计令牌(Design Tokens)、模式库、组件测试、书籍及演讲等相关文章和工具。
Metis 是一个免费 MIT 许可的 Bootstrap 5 管理仪表板模板,由 Colorlib 维护。基于 Alpine.js、Vite 和 SCSS 构建,提供响应式布局、暗色/亮色主题、完整的页面组件及自托管资源,零第三方运行时请求。
Oruga是一个轻量级Vue.js 3 UI组件库,不依赖任何CSS框架。它提供可定制组件、树形摇动优化、官方主题以及类映射配置,支持集成Tailwind、Bulma、Bootstrap或自定义样式。
brandmd 是一款 CLI 工具,可将网站设计系统提取为符合 @google/design.md 规范的 DESIGN.md 文件。它为 Claude Code 和 Cursor 等 AI 编码代理提供品牌上下文,默认在本地运行且无需 API 密钥。
Webcore UI 是 Frontendland 出品的开源组件库,支持 Astro、Svelte 和 React,使用 Sass 进行样式设计,提供可定制的组件、模块、模板、CLI、主题及 CSS 变量等功能。
GlassKit 是一个无需依赖的 CSS 组件库,其玻璃拟态设计灵感源自 iOS 26 Liquid Glass。它提供主题、设计令牌、实用类以及适用于 Shadow DOM 的可构造样式表,旨在打造原生且现代的界面。
Morphous 是基于 TanStack Start 构建的静态目录,收录灵感源自自然的设计系统。每个条目包含 motif 资产、明暗设计系统面板、录制提示词,以及兼容 shadcn/tweakcn 的样式变量主题导出,支持目录验证、预览生成、测试和 GitHub Pages 部署。
Yeti是Foundation推出的零构建CSS框架,作为Foundation for Sites的继任者,当前处于7.0.0-alpha阶段。它使用现代原生CSS特性,提供基于意图的布局原语、可访问组件和机器可读清单,无需预处理器或打包工具即可直接使用。