Hunt Now

设计系统

共 247 个设计师推荐的设计系统网站,按质量与推荐次数排序。

全部 组件与代码组件库 869区块 / Sections 30动效组件 101图表组件 39设计系统 190代码片段 / CSS 效果 38样式框架与工具 80动画库 623D / WebGL 库 10
设计系统

Adjust Atlas

Adjust 官方设计系统,包含设计基础、组件库与资源工具,供多团队多产品统一使用。

atlas.adeven.com1 处推荐
设计系统

Scania Digital Design System (SDDS)

斯堪尼亚开源的数字设计系统,提供可复用的 UI 组件与设计规范,基于 Web Component 构建。

开源HTML/CSS
github.com1 处推荐
设计系统

TfWM Design System

西米德兰兹交通局的开源设计系统,包含排版、视觉样式与 UI 组件库。

开源HTML/CSS
github.com1 处推荐
设计系统

Baklava Design System

Trendyol 开源的设计系统,基于原生 Web Components,可在 Vue、React、Angular 等框架中使用。

开源VueReactAngularHTML/CSS
github.com1 处推荐
设计系统

Morningstar Design System

晨星公司开源的设计系统,提供设计与技术标准,帮助团队构建高质量、一致且无障碍的产品体验。

designsystem.morningstar.com1 处推荐
设计系统

Ratio

Rambler 官方设计系统,提供界面组件与设计规范,帮助构建统一的产品界面。

rambler-digital-solutions.github.io1 处推荐
设计系统

SAP Fundamental

SAP 出品的轻量级 Fiori 设计系统样式库,提供 CSS 与 HTML 组件,可搭配任意前端框架使用。

开源HTML/CSS后台
github.com1 处推荐
设计系统

JB Design System

一个基于 Storybook 的开源设计系统,提供可复用的 UI 组件与设计规范。

开源React
javadbat.github.io1 处推荐
设计系统

Sage Design System

Kajabi 内部设计系统,提供 Rails 与 React 组件、SCSS 样式系统及 Figma 文档。

ReactHTML/CSS
sage.kajabi.com1 处推荐
样式框架与工具

Solid

BuzzFeed 的 CSS 风格指南,基于原子化不可变类,快速原型与开发,含可复用组件。

开源HTML/CSS
solid.buzzfeed.com1 处推荐
组件库

Decentraland UI

★ 212

Decentraland 官方开源的 React 组件库,基于 Semantic UI 构建,用于搭建其生态内的界面。

React
ui.decentraland.org2 处推荐
设计系统

Fleet (City of Boston Design System)

波士顿市政府开源的设计系统与模式库,提供 CSS 样式、组件和布局,驱动 Boston.gov 及 311 门户。

开源HTML/CSS
patterns.boston.gov1 处推荐
设计系统

Done Design System

基于 Bootstrap 4 的开源设计系统,提供 SASS 组件与样式指南,加速产品开发。

开源HTML/CSS落地页
uilibrary.github.io1 处推荐
设计系统

Gravity UI Web

★ 20

Buildit 的 Gravity 设计系统 Web UI 库,提供 SASS/CSS 样式、Nunjucks 组件模板与模式库。

开源HTML/CSS
github.com1 处推荐
设计系统

Persona Design System

PrivyID 开源的设计系统,基于 Nuxt3、TypeScript 和 Tailwind 构建,提供组件与设计规范。

开源NuxtVueTailwind
privy-open-source.github.io1 处推荐
组件库

Bloom

★ 53

Appear Here 开源的 React 组件库与样式指南,提供可复用组件以统一项目设计。

开源React
github.com1 处推荐
设计系统

Ray

WeWork 开源的 CSS/JS 库,提供 WeWork 设计语言的组件与样式,用于构建 Web 应用。

开源
ray.wework.com1 处推荐
设计系统

uStyle

uSwitch 开源的设计系统与模式库,包含品牌、UX 和前端开发规范及组件文档。

开源
ustyle.guide1 处推荐
设计系统

Mesh Design System

nib 集团的设计系统,提供 Figma 组件库、React 组件库与站点模板,帮助团队快速构建一致的产品体验。

React
meshdesignsystem.com1 处推荐
设计系统

Chameleon

Pusher 开源的前端设计系统,提供 Sass 变量、颜色、字体和可复用组件,统一 UI 风格。

开源HTML/CSS
pusher.github.io1 处推荐
设计系统

uStyle

uSwitch 开源的活样式指南与模式库,提供 CSS/JS 组件及使用文档,可作为 gem 或 npm 包集成。

开源HTML/CSS
github.com1 处推荐
设计系统

Bold Design System

★ 83

巴西 UFSC Bridge 实验室开源的 React 设计系统,提供组件库与 Storybook 文档。

开源React
github.com1 处推荐
样式框架与工具

eBay Skin

eBay 开源的轻量级 CSS 框架,提供可定制主题与模块化组件,用于构建一致界面。

开源HTML/CSS
ebay.github.io1 处推荐
组件库

Chameleon

Pusher 开源的前端 UI 组件库,基于 Foundation for Sites,提供 SCSS 组件与网格系统。

开源HTML/CSS
github.com1 处推荐