过滤器类:
看到更多:
公司 系统
存储库
代码深度
组件
JS库/框架
打印稿
web组件
测试
剥绒机
CSS
JS中的CSS
设计令牌
包管理器
UI工具包
品牌指导方针
调色板
颜色命名
对比分析
排版
图标
空间/网格
插图
数据可视化
动画
声音和语调
可访问性的指导方针
设计原则
文档的网站
代码文档
故事书
分布
占位符 占位符

占位符

HTML / CSS

是的

没有

没有

没有

没有

猎犬SCSS线

萨斯

没有

没有

没有

没有

没有

自然色(如红色、浅红色)

没有

没有

没有

没有

没有

没有

没有

没有

没有

  • npm
  • 鲍尔

占位符

HTML / CSS / javascript

是的

香草

没有

没有

没有

  • ESLint
  • StyleLint

萨斯

没有

没有

狼吞虎咽地吃

  • 天然的(如红色)
  • 具体的(例如成功)

没有

没有

没有

没有

没有

没有

没有

没有

没有

占位符

HTML / CSS / javascript

是的

反应

没有

没有

  • 开玩笑
  • 西农

ESLint

是的

没有

Webpack

没有

没有

天然的(如red_400)

没有

没有

没有

没有

没有

没有

没有

没有

没有

  • npm

占位符

HTML / CSS / javascript

是的

香草

没有

没有

Qunit

ESLint

没有

没有

  • Webpack
  • 狼吞虎咽地吃

没有

天然的(如蓝绿色)

没有

没有

没有

没有

  • npm
  • 鲍尔

占位符

HTML / CSS / javascript

是的

反应

没有

没有

  • 摩卡
  • ESLint
  • StyleLint
  • 手写笔
  • postStylus

没有

没有

  • Webpack
  • 狼吞虎咽地吃

没有

没有

  • 自然的(如红色)
  • 摘要(如彩色油)

没有

没有

没有

没有

没有

没有

没有

  • npm
  • Lerna

占位符

HTML / CSS / javascript

是的

反应

没有

没有

  • 开玩笑

更漂亮

  • styled-components
  • 尖笔

是的

没有

没有

没有

没有

天然的(如red0)

没有

没有

没有

没有

没有

没有

没有

没有

没有

没有

npm

占位符

HTML / CSS / javascript

是的

反应

没有

没有

没有

  • ESLint
  • StyleLint

萨斯

没有

json

Webpack

没有

天然的(如蓝色)

没有

没有

npm

占位符

HTML / CSS

是的

没有

没有

没有

没有

没有

stlylus

没有

没有

狼吞虎咽地吃

没有

没有

自然(例如绿色原生态)

没有

没有

没有

没有

没有

没有

没有

没有

没有

npm

占位符

HTML / CSS / javascript

是的

反应

没有

没有

开玩笑

ESLint

postCSS

没有

没有

Webpack

没有

没有

  • 天然(如黄金)
  • 具体的(例如成功)

没有

没有

没有

没有

没有

没有

是的

  • npm

占位符

没有

视觉只

没有

没有

没有

没有

没有

没有

没有

没有

没有

没有

没有

Hex, rgb, cmyk, PMS

没有

没有

没有

没有

没有

没有

占位符

HTML / CSS / javascript

是的

jQuery

没有

没有

  • 摩卡

没有

萨斯

没有

没有

狼吞虎咽地吃

没有

天然的(如黄色)

没有

没有

没有

没有

没有

没有

没有

npm

占位符

没有

CSS

是的

没有

没有

没有

没有

没有

CSS

没有

没有

没有

  • 品牌(例如trello blue 50)
  • 自然

没有

没有

没有

没有

没有

没有

没有

占位符

HTML / CSS / javascript

是的

反应

没有

没有

  • 开玩笑

ESLint

  • 迷人的

是的

Webpack

  • 草图
  • UXPin

没有

自然的(如red_10)

没有

没有

没有

没有

没有

没有

没有

  • npm

占位符

没有

HTML / CSS / javascript

是的

没有

是的

没有

没有

CSS

没有

没有

没有

没有

没有

天然的(如blue-900)

没有

没有

没有

没有

没有

没有

没有

没有

没有

占位符

没有

视觉只

没有

没有

没有

没有

没有

没有

没有

没有

没有

没有

没有

抽象(如云)

没有

没有

没有

没有

没有

没有

没有

没有

没有

没有

占位符

HTML / CSS

是的

没有

没有

没有

没有

没有

萨斯

没有

yaml

Webpack

没有

没有

自然色(如橙黄色)

没有

没有

没有

没有

没有

没有

没有

没有

  • npm
  • Lerna

占位符

HTML / CSS

是的

没有

没有

没有

没有

没有

萨斯

没有

没有

咕哝着说

没有

  • 天然的(如填充红色)
  • 具体(e.g.fill-facebook)

没有

没有

没有

没有

没有

没有

没有

没有

npm

占位符

HTML / CSS / javascript

是的

香草

没有

没有

开玩笑

  • ESLint
  • StyleLint

postCSS

没有

没有

汇总

没有

没有

  • 自然(如深灰色)
  • 抽象的(如初级的)

没有

没有

没有

没有

没有

没有

没有

没有

npm

占位符

没有

HTML / CSS

是的

没有

没有

没有

没有

没有

CSS

没有

没有

没有

没有

没有

天然的(如黄色)

没有

没有

没有

没有

没有

没有

没有

npm

占位符

HTML / CSS

没有

没有

没有

没有

没有

萨斯

没有

没有

狼吞虎咽地吃

没有

没有

具体的(例如$button-colour)

没有

没有

没有

没有

没有

没有

没有

没有

npm

占位符

HTML / CSS / javascript

是的

反应

没有

没有

没有

ESLint

萨斯

没有

没有

Webpack

没有

没有

没有

没有

没有

没有

没有

没有

没有

没有

没有

没有

没有

  • npm

占位符

没有

HTML / CSS

是的

没有

没有

没有

没有

没有

CSS

没有

没有

没有

没有

没有

没有

没有

没有

没有

没有

没有

没有

没有

没有

没有

没有

没有

占位符

HTML / CSS / javascript

是的

反应

没有

没有

开玩笑

  • ESLint
  • Sasslint
  • 萨斯
  • 因纽特人

没有

没有

  • Webpack
  • 狼吞虎咽地吃

没有

  • 结构化的(如accent-1)
  • 具体的(如关键的)
  • 自然色(如灰色)

没有

没有

没有

npm

占位符

CSS

是的

没有

没有

没有

没有

没有

萨斯

没有

没有

没有

没有

没有

没有

没有

没有

没有

没有

没有

没有

没有

  • npm
  • 鲍尔

占位符

HTML / CSS / javascript

是的

jQuery

没有

没有

茉莉花

jshint

萨斯

没有

没有

咕哝着说

没有

没有

特定的(例如$feature-copy)

没有

没有

没有

没有

没有

没有

没有

没有

npm

占位符

HTML / CSS / javascript

是的

反应

没有

没有

  • 开玩笑

ESLint

费拉

是的

没有

没有

没有

没有

摘要(如草)

没有

没有

没有

没有

没有

没有

没有

没有

没有

没有

  • Lerna

占位符

Bitbucket都

HTML / CSS / javascript

是的

任何

没有

没有

没有

没有

萨斯

没有

  • yaml
  • json
  • 萨斯

没有

没有

  • 自然(例如$mds-color-black)
  • 摘要(例如$mds-color-neutral-20)
  • 具体的(如警告)

没有

没有

没有

减价

没有

  • npm
  • 鲍尔

占位符

HTML / CSS / javascript

是的

反应

没有

没有

  • 摩卡
  • 西农
  • ESLint
  • StyleLint

萨斯

没有

没有

Webpack

  • 自然色(例如浅蓝色)
  • 抽象(如爵士橙)

没有

没有

没有

没有

没有

没有

没有

没有

没有

npm

占位符

HTML / CSS / javascript

是的

香草

没有

是的

没有

没有

CSS

没有

没有

狼吞虎咽地吃

没有

没有

品牌和天然(如nibluebrush)

没有

没有

没有

没有

没有

没有

没有

没有

npm

占位符

HTML / CSS / javascript

是的

反应

没有

没有

没有

ESLint

萨斯

没有

没有

狼吞虎咽地吃

没有

没有

没有

没有

没有

没有

没有

没有

没有

没有

没有

没有

没有

没有

没有

npm

占位符

HTML / CSS / javascript

是的

反应

没有

没有

开玩笑

更漂亮

  • 魅力
  • postCSS

是的

没有

没有

没有

没有

  • 天然的(如psColorsWhite)
  • 抽象(例如psColorsBone)

没有

没有

没有

没有

没有

没有

是的

  • npm
  • Lerna

占位符

HTML / CSS / javascript

是的

  • jQuery
  • Vue

没有

没有

  • 业力
  • 西农
  • 摩卡
  • ESLint
  • cssLint
  • StyleLint
  • 萨斯
  • postCSS

没有

没有

  • Webpack
  • 狼吞虎咽地吃

没有

没有

没有

没有

没有

没有

没有

没有

没有

没有

没有

  • npm

占位符

HTML / CSS / javascript

是的

香草

没有

没有

专有的

ESLint

萨斯

没有

没有

  • Webpack
  • 狼吞虎咽地吃

品牌(如奥迪黑色)

没有

没有

没有

没有

没有

  • npm
  • 鲍尔

占位符

HTML / CSS

是的

没有

没有

没有

  • 摩卡
  • 西农

没有

萨斯

没有

没有

没有

  • 品牌(如蓝色品牌)
  • 特定的(例如链接颜色)

没有

没有

没有

没有

没有

没有

npm

占位符

HTML / CSS / javascript

是的

反应

没有

没有

  • 开玩笑
  • 西农
  • ESLint
  • StyleLint
  • CSS模块
  • postCSS

没有

没有

Webpack

没有

没有

十六进制只

没有

没有

没有

没有

没有

没有

没有

npm

占位符

HTML / CSS / TS

是的

反应

是的

没有

  • 开玩笑
  • ESLint
  • TSLint
  • Stylelint
  • 萨斯
  • PostCSS

没有

  • yaml
  • 西奥
  • 汇总
  • Webpack

没有

  • 抽象(如天空)
  • 天然的(如绿色)

没有

npm

占位符

HTML / CSS / javascript

是的

反应

没有

没有

没有

没有

萨斯

没有

没有

Webpack

没有

天然的(如彩色-蓝色-500)

没有

没有

没有

没有

没有

没有

没有

npm

占位符

HTML / CSS

是的

没有

没有

没有

没有

ESLint

  • 萨斯
  • postCSS

没有

yaml

狼吞虎咽地吃

没有

  • 自然色(如灰色)
  • 商标(例如双蓝)
  • 具体的(如警告)

没有

没有

没有

没有

没有

没有

没有

没有

没有

占位符

HTML / CSS / javascript

是的

jQuery

没有

没有

没有

  • jshint
  • scsslint
  • Sasslint

萨斯

没有

没有

咕哝着说

没有

天然的(如深绿色)

没有

没有

没有

没有

没有

没有

npm

占位符

HTML / CSS / TS

是的

反应

是的

没有

  • 开玩笑
  • 摩卡
  • 西农
  • ESLint
  • TSLint
  • CSS
  • postCSS
  • styled-components

是的

没有

Webpack

  • 抽象(如舞会礼服)
  • 通用(T500)

没有

没有

占位符

HTML / CSS / javascript

是的

反应

没有

没有

  • 开玩笑
  • 摩卡
  • 西农

ESLint

萨斯

没有

  • yaml
  • 西奥

狼吞虎咽地吃

没有

  • 抽象(如奋进),自然(palette_gray_2)

没有

没有

npm

占位符

IBM

HTML / CSS / javascript

是的

  • 反应
  • 香草

没有

没有

  • 业力
  • 摩卡
  • 开玩笑
  • 西农

ESLint

萨斯

没有

没有

狼吞虎咽地吃

没有

具体的(例如text-01)

没有

没有

没有

没有

npm

占位符

HTML / CSS / javascript

是的

聚合物

没有

是的

  • WCT)
  • 摩卡
  • 西农

没有

萨斯

没有

没有

狼吞虎咽地吃

没有

  • 具体的(例如$status-red3, $primary-default, $gray8)

没有

没有

没有

没有

没有

鲍尔

占位符

HTML / CSS / javascript

是的

  • 反应
  • 香草

是的

没有

  • 开玩笑
  • 更漂亮
  • ESlint
  • Stylelint
  • 萨斯

没有

是的

  • Webpack

没有

天然(如红中)

没有

没有

没有

  • npm

占位符

HTML / CSS / javascript

是的

没有

没有

开玩笑

ESLint

萨斯

没有

没有

Webpack

没有

没有

自然

没有

没有

没有

没有

减价

没有数据

  • npm
  • Lerna

占位符

HTML / CSS / javascript

是的

是的

没有

没有

没有

没有

  • 萨斯
  • 波本威士忌
  • 整洁的

没有

没有

  • Browserify
  • Webpack

自然色(如蓝色、灰色、白色)

没有

没有

没有

没有

没有

没有

npm

占位符

没有

视觉只

没有

没有

没有

没有

没有

没有

CSS

没有

没有

没有

没有

没有

没有

没有

没有

是的

没有

没有

没有

占位符

HTML / CSS / javascript

是的

jQuery

没有

没有

没有

ESlint, Sasslint

萨斯

没有

没有

狼吞虎咽地吃

没有

天然的(如蓝色原色)

没有

没有

没有

占位符

HTML / CSS / javascript

是的

  • 反应

是的

没有

  • 开玩笑

ESLint

没有

没有

Webpack

没有

摘要(如《日落橙》)

没有

没有

没有

npm

占位符

ACL

私人

HTML / CSS / javascript

是的

反应

没有

没有

是的

ESLint

萨斯

没有数据

  • 萨斯
  • json

没有数据

草图

没有

  • 天然的(例如:$purple-light -10)
  • 结构:$ {base-color-name} -{变黑/减轻}}{一步

没有

图标的字体

没有

没有

没有

没有

没有数据

没有

没有数据

占位符

HTML / CSS / javascript

是的

反应

没有

没有

茉莉花

ESLint

萨斯

没有

没有

狼吞虎咽地吃

没有

没有

  • 具体的(例如error-1)
  • 结构(如重音-1)

没有

没有

没有

没有

没有

没有

没有

没有

npm

占位符

HTML / CSS / javascript

是的

  • 香草
  • 反应

没有

没有

  • Pa11y CI
  • 业力
  • 西农
  • 摩卡

ESLint

萨斯

没有

没有

webpack

没有

没有

  • 自然的(如蓝绿色),抽象的(如天空色)

没有

没有

没有

没有

没有

没有

没有

npm

占位符

私人

HTML / CSS

是的

没有

没有

没有

没有数据

没有数据

没有

没有

没有数据

草图

没有

  • 天然(如橙色-400)
  • 摘要(例如powder-100)

没有

没有

没有

没有

没有

没有

没有

没有

npm

占位符

和谐

没有数据

没有数据

是的

没有数据

没有数据

没有数据

没有数据

没有数据

没有数据

没有数据

没有数据

没有数据

没有数据

  • 天然(例如绿色01)
  • 商标(例如quickbooks绿色)

没有

没有

没有

没有

没有

没有

没有数据

占位符

HTML / CSS / javascript

是的

  • 反应

没有

没有

  • 业力
  • 摩卡
  • 西农
  • ESLint
  • StyleLint
  • 萨斯
  • postCSS

没有

没有

Webpack

没有

没有

Generig(例如color-1)

没有

没有

没有

没有

没有

没有

没有

没有

没有

npm

占位符

HTML / CSS

是的

反应

没有

没有

艾娃

StyleLint

萨斯

没有

PostCSS

没有

没有

自然色(如灰色-300)

没有

没有

没有

没有

没有

没有

没有

没有

没有

占位符

没有数据

没有数据

是的

反应

没有

没有

  • 茉莉花
  • 视觉回归

ESLint

萨斯

没有数据

  • json
  • 西奥

是的

草图

没有数据

抽象的(如calypso)

没有数据

没有数据

没有数据

没有数据

没有数据

占位符

HTML / CSS / javascript

是的

反应

没有

是的

  • 开玩笑

ESLint

萨斯

没有

是的

Webpack

草图

自然色(如红色、浅红色)

没有

没有

没有

没有

  • npm

占位符

HTML / CSS / javascript

是的

反应

没有

没有

  • 开玩笑

ESLint

萨斯

没有

没有

  • Webpack
  • 狼吞虎咽地吃

没有数据

没有

自然(例如$mintPrimary)

没有

没有

没有

没有

没有

没有

没有

没有

没有

npm

占位符

HTML / CSS

是的

没有

没有

没有

没有

没有

萨斯

没有

没有

没有

没有

没有

  • 摘要(例如$color-developer)
  • 天然(例如$color-silver)
  • 具体的(例如$color-success)

没有

没有

没有

没有

没有

没有

没有

没有

没有

没有

没有

没有数据

占位符

HTML / CSS

是的

没有

没有

没有

没有数据

StyleLint

没有

没有

狼吞虎咽地吃

没有

没有

天然的(如橙色)

没有

没有

没有

没有

没有

没有

没有

没有

没有

没有

npm

占位符

GitHub

HTML / CSS / javascript

是的

反应

没有

没有

没有数据

没有数据

没有数据

没有数据

没有数据

没有数据

没有数据

没有数据

  • 天然的(如浅绿色)
  • 抽象(如石头)

没有

没有数据

图标的字体

没有

没有

没有

没有

没有数据

没有数据

没有数据

占位符

GitHub

HTML / CSS / javascript

是的

没有数据

没有数据

没有数据

没有数据

没有数据

没有数据

没有数据

没有数据

没有数据

没有数据

没有数据

特定的颜色(例如成功的颜色)

没有

没有

没有

没有数据

没有数据

没有数据

占位符

GitHub

HTML / CSS

是的

没有

没有

没有数据

没有数据

没有数据

没有数据

没有数据

没有数据

没有数据

没有数据

没有

天然的(如蓝色)

没有

没有

没有

没有

没有数据

没有数据

没有数据

没有数据

占位符

HTML / CSS

是的

没有

没有

没有

没有数据

没有数据

萨斯

没有

没有

没有数据

没有数据

没有

摘要(如事件青色)

没有

没有

没有

没有

没有

没有

没有

没有

没有数据

没有数据

没有数据

占位符

没有数据

HTML / CSS / javascript

是的

反应

没有数据

没有数据

没有数据

没有数据

萨斯

没有数据

没有数据

没有数据

没有数据

没有

  • 商标(例如欧洲之星蓝)
  • 摘要(如金属金)

没有

没有

没有数据

没有

没有

没有

没有

没有数据

没有数据

npm

占位符

HTML / CSS / javascript

是的

反应

没有

没有

没有

scsslint

萨斯

没有

没有

咕哝着说

没有

  • 天然(如c-cyan)
  • 特定的(例如c-inputgrey)

没有

没有

没有

没有

没有

  • npm
  • 鲍尔
  • ruby gem

占位符

HTML / CSS / javascript

是的

是的

没有

  • 茉莉花
  • 业力
  • 摩卡

TSLint

  • 萨斯
  • PostCSS

没有

没有

Webpack

没有

天然的(如红色)

没有

没有

没有

没有

没有

没有

npm

占位符

HTML / CSS / javascript

是的

反应

没有

没有

没有

没有

没有

没有

Webpack

没有

  • 天然(如绿色-1)
  • 特定的(例如alertOrange)

没有

没有

没有

没有

没有

没有

没有

npm

占位符

HTML / CSS / JS /斯威夫特

是的

反应

是的

没有

  • 开玩笑
  • 西农

TSLint

萨斯

没有

没有

Webpack

Adobe XD

没有

  • 天然的(如黄色)
  • 特定的(例如medarkalt)

没有

没有

没有

没有

没有

没有

没有

npm

占位符

GitHub

HTML / CSS / javascript

是的

反应

没有数据

没有数据

没有数据

没有数据

没有数据

没有数据

没有数据

Webpack

没有

没有

  • 品牌(如品牌为主)
  • 天然的,如灰色

没有

没有

没有

没有

没有

没有数据

是的

  • npm

占位符

没有

HTML / CSS / javascript

是的

Vue

没有

没有

没有

没有

  • 萨斯
  • postCSS

是的

没有

  • Webpack
  • 狼吞虎咽地吃

没有

自然模式

没有

没有

没有

没有

没有

没有

没有

没有

没有

npm

占位符

没有数据

HTML / CSS / JS /斯威夫特

是的

反应

没有数据

没有

没有数据

没有数据

萨斯

是的

萨斯

没有数据

没有数据

  • 天然的(例如$color-brand-orange)
  • 摘要(例如$color-identity-apple)

没有

没有

没有

没有

没有

没有

没有

没有数据

没有数据

npm

占位符

HTML / CSS / javascript

是的

反应

是的

没有

  • 开玩笑
  • 柏树
  • ChromaticQA

ESLint

  • 情感
  • 萨斯

没有数据

没有数据

没有

没有

摘要(如桃)

没有

没有

没有

没有

没有数据

占位符

HTML / CSS / javascript

Vue

没有

没有

  • 开玩笑
  • 视觉回归
  • 更漂亮
  • ESlint
  • Stylelint

萨斯

没有

Webpack

天然(如绿色-500)

npm

占位符

没有数据

HTML / CSS / javascript

是的

反应

没有数据

没有数据

没有数据

没有数据

萨斯

没有

没有数据

没有数据

草图

  • 品牌(e.q. Quickbooks绿色)
  • 天然(例如绿色01)

没有

没有

没有数据

没有数据

没有数据

占位符

HTML / CSS / javascript

是的

反应

没有

没有

  • 开玩笑

更漂亮

没有

没有

Webpack

没有

  • 天然的(如蓝色)
  • 抽象(如云)

没有

没有

没有

没有

没有

  • npm
  • Lerna

占位符

HTML / CSS / javascript

是的

反应

没有

没有

  • 开玩笑
  • Jest-styled-components
  • ESLint
  • StyleLint
  • styled-components
  • postCSS

是的

没有数据

Webpack

没有

没有

  • 摘要(如verdigis)
  • 自然色(如灰色- 800)

没有

没有

没有

没有

没有

没有

没有

没有

减价

没有

npm

占位符

HTML / CSS / javascript

是的

反应

没有

没有

  • 开玩笑
  • ESLint
  • StyleLint

postCSS

没有

没有

Webpack

没有

没有

没有

没有

没有

没有

没有

没有

没有

没有

没有

没有

没有

没有

没有

没有

  • npm

占位符

HTML / CSS / javascript

是的

反应

没有

没有

  • 业力
  • 西农
  • 摩卡
  • ESLint
  • StyleLint

CSS

没有

没有

Webpack

没有

没有

自然的(如深靛蓝)

没有

没有

没有

没有

没有

没有

没有

没有

npm

占位符

HTML / CSS / javascript

是的

  • 香草
  • 反应
  • jQuery

没有

没有

  • 开玩笑
  • Pa11y
  • 视觉回归

没有

萨斯

没有

没有

没有

语义

没有

没有

没有

没有数据

npm

占位符

HTML / CSS / javascript

是的

节点

没有

没有

没有

  • ESLint
  • StyleLint

萨斯

没有

json

Webpack

没有

天然的(如蓝色)

没有

没有

没有

没有

没有

没有

没有

npm

占位符

HTML / CSS / javascript

是的

反应

是的

没有

  • 开玩笑
  • 彩色

没有

没有

styled-components

json

  • Webpack

没有

没有

没有

天然的(如蓝色)

没有

没有

没有

没有

没有

没有

没有

没有

npm

占位符

HTML / CSS / javascript

是的

反应

没有

没有

没有

  • ESLint
  • 更漂亮

速子

没有

json

语义(例如$bg-action-primary)

没有

没有

没有

没有

没有

没有

没有

  • NPM
  • VTEX IO

占位符

HTML / CSS / javascript

是的

没有

没有

没有

没有

没有

是的

没有

没有

没有

没有

没有

没有

没有

没有

没有

没有

没有

没有

占位符

HTML / CSS / javascript

是的

反应

是的

没有

开玩笑

TSLint

情感

是的

没有

Webpack

没有

是的

没有

没有

没有

没有

没有

npm

占位符

HTML / CSS

是的

没有

没有

没有

没有

sass-lint

萨斯

没有

没有

没有

是的

没有

没有

没有

没有

没有

没有

npm

占位符

GitHub

HTML / CSS / javascript

是的

反应

是的

没有

视觉回归

  • TSLint
  • Stylelint

萨斯

没有

json

是的

草图

没有

是的

自然

是的

是的

SVG

是的

没有

没有

没有

没有

没有

是的

是的

是的

  • npm
  • 摘要

占位符

HTML / CSS / javascript

是的

是的

没有

茉莉花

TSLint

CSS

没有

没有

Webpack

是的

没有

没有

没有

没有

没有

是的

没有

是的

是的

没有

npm

占位符

私人

HTML / CSS / javascript

是的

  • 反应
  • Vue.js
  • 灰烬
  • 香草

是的

是的

  • 开玩笑
  • 视觉回归
  • 专有的
  • ESLint
  • Sass-lint
  • 更漂亮

萨斯

没有

  • CSS自定义属性
  • JSON
  • 萨斯
  • 手写笔
  • JS
  • XML
  • 狼吞虎咽地吃
  • 钢网

特定的颜色(例如成功的颜色)

没有

没有

没有

没有

占位符

HTML / CSS / javascript

是的

jQuery

没有

是的

是的

是的

萨斯

没有

没有

狼吞虎咽地吃

Adobe XD / SVG

没有

是的

没有

没有

没有

没有

没有

没有

npm

占位符

私人GitHub

HTML / CSS / javascript

是的

没有

是的

没有

没有

  • ESLint
  • Stylelint
  • 更漂亮

萨斯

没有

还没有

  • Webpack
  • 狼吞虎咽地吃

没有

没有

没有

没有

还没有

占位符

JS

是的

没有

没有

是的

没有

没有

没有

是的

是的

汇总

没有

没有

是的

  • 具体的(如边界)

是的

是的

SVG

是的

是的

没有

没有

没有

是的

没有

没有

npm

占位符

私人

HTML / CSS / javascript

是的

反应

是的

没有

  • 开玩笑
  • 柏树
  • 黄瓜
  • 珀西
  • ESLint
  • StyleLint
  • 更漂亮
  • CSS
  • 萨斯

没有

  • 风格的字典
  • JSON
  • 萨斯
  • 汇总
  • webpack

草图

  • 品牌
  • 语义
  • 具体的

没有

没有

没有

没有

没有

没有

  • npm
  • 联系

占位符

没有数据

是的

反应

没有数据

没有数据

  • 开玩笑
  • 反应测试库
  • 彩色
  • 更漂亮
  • ESlint
  • Stylelint

萨斯

没有数据

是的

没有数据

没有数据

没有数据

天然(如中性-500)

没有数据

没有数据

没有数据

没有数据

没有数据

没有数据

没有数据

是的

占位符

HTML / CSS / javascript

是的

是的

没有

没有

是的

是的

是的

是的

是的

Webpack

草图

没有数据

自然

没有

没有

没有

没有

没有

没有

没有

npm

占位符

HTML / CSS / JS / TS

是的

是的

是的

  • BackstopJS
  • 开玩笑
  • Web组件测试员
  • TSLint
  • ESLint
  • 萨斯
  • PostCSS

没有

没有

  • Webpack
  • 狼吞虎咽地吃
  • 摘要(例如default-color—200)
  • 天然的(如绿色-100)
  • 特定的(例如BackgroundColor—dark-300)

没有

没有

没有

占位符

HTML / CSS

是的

没有

没有

没有

a11y斧()

  • ESLint
  • Stylelint

萨斯

没有

没有

没有

没有

没有

没有

是的

没有

是的

没有

占位符

私人

HTML / CSS / TS

是的

  • 香草
  • 反应

是的

没有

开玩笑

ESLint

香草

情感

没有

Webpack

没有

没有

自然

没有

没有

没有

没有

没有

没有

没有

没有

GitHub包

占位符

HTML / CSS / javascript

是的

是的

没有

  • 柏树
  • 开玩笑
  • Stylelint
  • TSLint

萨斯

没有

没有

Webpack

  • 自然的(如紫色)
  • 摘要(如海洋)
  • 具体的(例如错误)

没有

没有

没有

没有

没有

占位符

HTML / CSS / TS

是的

反应

是的

没有

  • 彩色
  • 柏树
  • 开玩笑
  • 反应测试库
  • aXe-core

ESLint

没有

情感

  • yaml
  • 西奥

汇总

具体的(例如color-background-error)

没有

没有

占位符

没有

HTML / CSS / javascript

是的

反应

是的

没有

开玩笑

  • ESLint
  • 更漂亮

tailwindcss

没有

Yes(在wind.config中定义)

汇总

没有

天然的(如blue-500)

没有

没有

没有

没有

没有

WCAG 2.1 AA级

没有

没有

纱monorepo

占位符

HTML / CSS / JS /快速/芬兰湾的科特林

是的

反应

是的

没有

  • 开玩笑
  • react-testing-library
  • 傀儡师
  • eslint

没有数据

是的

是的

没有数据

是的

没有数据

没有数据

没有

没有

没有

没有

没有

占位符

没有

HTML / CSS / javascript

是的

Blazor

是的

是的

没有

没有

style-components

没有

是的

没有数据

是的

具体的

是的

没有

没有

没有

  • npm
  • nupkg
公司
系统

为什么阿黛尔?

阿黛尔戈德堡。图标。

不。阿黛尔-设计系统库,不是以歌手阿黛尔命名的。这是对专注于图形用户界面、设计模式和面向对象编程的最重要的计算机科学家之一的致敬阿黛尔戈德堡

阿黛尔·戈德堡于70年代在施乐PARC工作,管理系统概念实验室,在那里,她与艾伦·凯等人一起开发了Smalltalk-80——一种面向对象的动态类型编程语言,旨在推动“人机共生”。

不用说,SmallTalk还开创了许多对所有现代设计系统都很重要的概念。Smalltalk中的对象很容易在应用程序之间转移和定制。Smalltalk也是PARC基于图形用户界面工作的基础(许多GUI概念都是由Adele Goldberg和她的团队开发的!)

谢谢你阿黛尔!

你的系统需要帮助吗?

传福音设计系统与免费模板!

幻灯片图标

40+幻灯片准备行动。完美的团队和利益相关者展示。可用作powerpoint和主题演讲。

了解更多&下载

UXPin:原型和管理你的设计系统

原型设计图标

加入数千家公司(包括PayPal, Sapient和HBO),用UXPin优化您的设计过程。

现在开始免费试用!
Baidu
map