Adele – Design Systems and Pattern Libraries Repository

Filter categories:

See More:

Company	System	repository	code depth	components	JS library/framework	typescript	web components	tests	linter	CSS	CSS in JS	design tokens	bundle manager	UI kit	brand guidelines	color palette	color naming	contrast analysis	typography	icons	space / grid	illustration	data visualization	animation	voice & tone	accessibility guidelines	design principles	documentation website	code documentation	storybook	distribution
Placeholder	Placeholder
Placeholder	dropbox	scooter Deprecated	GitHub	HTML/CSS	yes	no	no	no	no	hound scss lint	Sass	no	no	no	no	no	yes	natural (e.g. red, light red)	yes	no	no	yes	no	no	no	no	no	no	yes	HTML	no	npm Bower
Placeholder	royal canin	royal canin’s design language	GitHub	HTML/CSS/JS	yes	Vanilla	no	no	no	ESLint StyleLint	Sass	no	no	Gulp	Sketch Photoshop	yes	yes	natural (e.g. red) specific (e.g. success)	no	yes	SVG Sprite	no	no	no	yes	no	no	no	yes	HTML	no	no
Placeholder	instacart	snacks	GitHub	HTML/CSS/JS	yes	React	no	no	Jest Enzyme Sinon	ESLint	Radium	yes	no	Webpack	no	no	yes	natural (e.g. red_400)	no	no	Icon Font	yes	no	no	no	no	no	no	yes	Markdown	no	npm Yarn
Placeholder	consumer financial protection bureau	cfpb design manual	GitHub	HTML/CSS/JS	yes	Vanilla	no	no	Qunit	ESLint	Less	no	no	Webpack Gulp	no	yes	yes	natural (e.g. teal)	no	yes	Icon Font	yes	yes	yes	no	no	yes	yes	yes	Markdown	no	npm Bower
Placeholder	auth0	styleguide Deprecated	GitHub	HTML/CSS/JS	yes	React	no	no	Chai Enzyme Mocha	ESLint StyleLint	Stylus postStylus	no	no	Webpack Gulp	no	no	yes	natural (e.g. color red) abstract (e.g. color oil)	no	yes	SVG	yes	no	no	no	no	no	no	yes	Markdown	yes	npm Lerna
Placeholder	priceline	priceline design system	GitHub	HTML/CSS/JS	yes	React	no	no	Jest Enzyme	prettier	styled-components stylis	yes	no	no	no	no	yes	natural (e.g. red0)	no	no	SVG	no	no	no	no	no	no	no	no	Markdown	yes	npm
Placeholder	mozilla firefox	photon design system	GitHub	HTML/CSS/JS	yes	React	no	no	no	ESLint StyleLint	Sass	no	json	Webpack	no	yes	yes	natural (e.g. blue)	yes	yes	SVG	yes	yes	no	yes	yes	yes	yes	yes	HTML	no	npm
Placeholder	family search	frontier	GitHub	HTML/CSS	yes	no	no	no	no	no	stlylus	no	no	Gulp	no	no	yes	natural (e.g. green primary)	no	yes	SVG	yes	no	no	no	no	no	no	yes	no	no	npm
Placeholder	appear here	bloom	GitHub	HTML/CSS/JS	yes	React	no	no	Jest	ESLint	postCSS	no	no	Webpack	no	no	yes	natural (e.g. gold) specific (e.g. success)	no	yes	SVG	no	no	no	yes	no	yes	no	yes	HTML	yes	npm Yarn
Placeholder	estonia	brand estonia	no	visual only	no	no	no	no	no	no	no	no	no	no	no	yes	yes	hex, rgb, cmyk, pms only	no	yes	PNG Sprite	yes	yes	no	yes	yes	no	yes	yes	no	no	no
Placeholder	help scout	style guide & seed	GitHub	HTML/CSS/JS	yes	jQuery	no	no	Mocha Chai	no	Sass	no	no	Gulp	no	yes	yes	natural (e.g. yellow)	no	yes	Icon Font	no	no	no	no	yes	no	no	yes	HTML	no	npm
Placeholder	trello	nachos	no	CSS	yes	no	no	no	no	no	CSS	no	no	no	Sketch	yes	yes	branded (e.g. trello blue 50) natural	no	yes	SVG	yes	yes	no	yes	no	no	yes	yes	no	no	no
Placeholder	CA Technologies	Mineral UI	GitHub	HTML/CSS/JS	yes	React	no	no	Jest Enzyme	ESLint	Glamorous	yes	yes	Webpack	Sketch UXPin	no	yes	natural (e.g. red_10)	yes	yes	SVG	no	no	no	no	no	yes	no	yes	HTML	no	npm Yarn
Placeholder	mixpanel	Mixpanel DS	no	HTML/CSS/JS	yes	Jade	no	yes	no	no	CSS	no	no	no	no	no	yes	natural (e.g. blue-900)	no	yes	SVG	no	no	yes	no	no	no	no	yes	HTML	no	no
Placeholder	duolingo	design guidelines	no	visual only	no	no	no	no	no	no	no	no	no	no	no	yes	yes	abstract (e.g. cloud)	no	yes	PNG	no	yes	no	no	no	no	no	yes	no	no	no
Placeholder	envato	foundation design system	GitHub	HTML/CSS	yes	no	no	no	no	no	Sass	no	yaml	Webpack	no	no	yes	natual (e.g. orange-dark)	no	yes	Icon Font	yes	no	no	no	no	no	no	yes	HTML	no	npm Lerna
Placeholder	buzzfeed	solid	GitHub	HTML/CSS	yes	no	no	no	no	no	Sass	no	no	Grunt	Sketch	no	yes	natural (e.g. fill-red) specific (e.g.fill-facebook)	no	yes	SVG	yes	no	no	no	no	no	no	yes	HTML	no	npm
Placeholder	bring & posten	hedwig	GitHub	HTML/CSS/JS	yes	Vanilla	no	no	Jest	ESLint StyleLint	postCSS	no	no	rollup	no	no	yes yes	natural (e.g. gray darkest) abstract (e.g. Primary)	no	yes	SVG	yes	no	no	no	no	no	no	yes yes	Markdown	no	npm
Placeholder	future learn	pattern library	no	HTML/CSS	yes	no	no	no	no	no	CSS	no	no	no	no	no	yes	natural (e.g. yellow)	yes	yes	SVG	no	no	no	yes	yes	no	no	yes	no	no	npm
Placeholder	GOV.UK	GOV.UK Design System	GitHub	HTML/CSS	yes	no	no	no	no	no	Sass	no	no	Gulp	no	no	yes	specific (e.g. $button-colour)	no	yes	no	yes	no	no	no	no	yes	yes	yes	no	no	npm
Placeholder	heroku	purple3	no	HTML/CSS	yes	no	no	no	no	no	CSS	no	no	no	no	no	no	no	no	yes	SVG Sprite	yes	no	no	no	no	no	no	yes	no	no	no
Placeholder	HP enterprise	grommet	GitHub	HTML/CSS/JS	yes	React	no	no	Jest	ESLint Sasslint	Sass inuit	no	no	Webpack Gulp	Sketch Illustrator	no	yes	structured (e.g. accent-1) specific (e.g. critical) natural (e.g. gray)	no	yes	SVG	yes	no	yes	yes	yes	yes	yes	yes	HTML	no	npm
Placeholder	BBC	gel	GitHub	CSS	yes	no	no	no	no	no	Sass	no	no	no	no	no	no	no	no	yes	SVG	yes	no	no	no	no	yes	yes	yes	Markdown	no	npm Bower
Placeholder	lonely planet	rizzo	GitHub	HTML/CSS/JS	yes	jQuery	no	no	Jasmine	jshint	Sass	no	no	Grunt	no	no	yes	specific (e.g. $feature-copy)	no	yes	SVG	yes	no	no	no	no	no	no	yes	HTML	no	npm
Placeholder	cloudflare	cf-ui	GitHub	HTML/CSS/JS	yes	React	no	no	Jest Enzyme	ESLint	Fela	yes	no	no	no	no	yes	abstract (e.g. grass)	no	no	SVG	no	no	no	no	no	no	no	yes	Markdown	no	Yarn Lerna
Placeholder	morningstar	morningstar design system	Bitbucket	HTML/CSS/JS	yes	any	no	no	no	no	Sass	no	yaml json sass	no	Sketch	no	yes	natural (e.g. $mds-color-black) abstract (e.g. $mds-color-neutral-20 specific (e.g. warning)	yes	yes	SVG	yes	no	no	no	yes	yes	no	yes	Markdown	no	npm Bower
Placeholder	automattic	wordpress.com design handbook	GitHub	HTML/CSS/JS	yes	React	no	no	Chai Enzyme Mocha Sinon	ESLint StyleLint	Sass	no	no	Webpack	Sketch	yes	yes	natural (e.g. light blue) abstract (e.g. jazzy orange)	no	yes	SVG	no	no	no	no	no	no	no	yes	Markdown	no	npm
Placeholder	national instruments	Fuse	GitHub	HTML/CSS/JS	yes	Vanilla	no	yes	no	no	CSS	no	no	Gulp	no	no	yes	branded and natural (e.g.NIBlueBrush)	no	yes	PNG	no	no	no	no	no	no	yes	yes	Markdown	no	npm
Placeholder	openAQ	openAQ design system	GitHub	HTML/CSS/JS	yes	React	no	no	no	ESLint	Sass	no	no	Gulp	no	no	no	no	no	yes	SVG	no	no	no	no	no	no	no	no	no	no	npm
Placeholder	pluralsight	pluralsight design system	GitHub	HTML/CSS/JS	yes	React	no	no	Jest	prettier	glamor postCSS	yes	no	no	no	no	yes	natural (e.g. psColorsWhite) abstract (e.g. psColorsBone)	no	yes	SVG	yes	no	no	yes	no	no	no	yes	HTML	yes	npm Lerna
Placeholder	rei	cedar	GitHub GitHub	HTML/CSS/JS	yes	jQuery Vue	no	no	Chai Karma Sinon Mocha	ESLint cssLint StyleLint	Sass Less postCSS	no	no	Webpack Gulp	no	no	no	no	no	yes	Icon Font SVG	yes	no	no	yes	no	no	no	no	Markdown	yes	npm Yarn
Placeholder	audi	audi ui	GitHub	HTML/CSS/JS	yes	Vanilla	no	no	proprietary	ESLint	Sass	no	no	Webpack Gulp	Sketch Photoshop	yes	yes	branded (e.g. audi black)	no	yes	SVG Sprite Icon font	yes	yes	no	yes	no	no	yes	yes	Markdown	no	npm Bower
Placeholder	co-op	design manual	GitHub	HTML/CSS	yes	no	no	no	Mocha Chai Sinon	no	Sass	no	no	no	Sketch	yes	yes	branded (e.g. brand blue) specific (e.g. link color)	no	yes	no	yes	no	no	no	yes	yes	yes	yes	Markdown	no	npm
Placeholder	seek	style guide	GitHub	HTML/CSS/JS	yes	React	no	no	Jest Enzyme Chai Sinon	ESLint StyleLint	Less CSS Modules postCSS	no	no	Webpack	no	no	yes	hex only	no	yes	SVG	yes	no	no	no	no	no	yes	yes	Markdown	no	npm
Placeholder	shopify	polaris	GitHub	HTML/CSS/TS	yes	React	yes	no	Jest Enzyme	ESLint TSLint Stylelint	Sass PostCSS	no	yaml theo	Rollup Webpack	Sketch	no	yes	abstract (e.g. sky) natural (e.g. green)	yes	yes	SVG	yes	yes	yes	no	yes	yes	yes	yes	Markdown	yes	npm
Placeholder	skyscanner	backpack	GitHub	HTML/CSS/JS	yes	React	no	no	no	no	Sass	no	no	Webpack	Sketch	no	yes	natural (e.g. color-blue-500	no	yes	SVG	yes	no	no	yes	no	no	no	yes	HTML	no	npm
Placeholder	USAJobs	USA jobs design system	GitHub	HTML/CSS/JS	yes	jQuery	no	no	no	jshint scsslint Sasslint	Sass	no	no	Grunt	no	yes	yes	natural (e.g. green-dark)	yes	yes	Icon Font	yes	no	no	no	no	no	yes	yes	HTML	no	npm
Placeholder	atlassian	atlassian design guidelines	Bitbucket	HTML/CSS/TS	yes	React	yes	no	Chai Enzyme Jest Mocha Sinon	ESLint TSLint	CSS Less postCSS styled-components	yes	no	Webpack	Sketch	yes	yes	abstract (e.g. prom dress) generic (T500)	yes	yes	Guidelines SVG	yes	yes	no	no	yes	yes	yes	yes	yes	yes	npm
Placeholder	salesforce	lightning	GitHub	HTML/CSS/JS	yes	React	no	no	Jest Enzyme Mocha Sinon	ESLint	Sass	no	yaml theo	gulp	Sketch	no	yes	abstract (e.g. endeavour), natural (palette_gray_2)	yes	yes	SVG	yes	yes	no	yes	yes	yes	yes	yes	Scss	no	npm
Placeholder	IBM	carbon	GitHub	HTML/CSS/JS	yes	React Vanilla	no	no	Karma Mocha Jest Chai Sinon Enzyme	ESLint	Sass	no	no	Gulp	Sketch	no	yes	specific (e.g. text-01)	no	yes	SVG	yes	no	no	yes	yes	yes	no	yes	Markdown	yes	npm
Placeholder	GE Digital	Predix Design System	GitHub	HTML/CSS/JS	yes	Polymer	no	yes	WCT Mocha Chai Sinon	no	Sass	no	no	Gulp	Sketch	no	yes	specific (e.g. $status-red3, $primary-default, $gray8)	yes	yes	yes	yes	no	yes	no	yes	no	no	yes	HTML	no	Bower
Placeholder	Quicken Loans	Spark Design System	GitHub	HTML/CSS/JS	yes	React Angular Vanilla	yes	no	Jest	Prettier ESlint Stylelint	Sass	no	yes	Webpack	yes	no	yes	natural (e.g. Red Medium)	yes	yes	yes	yes	no	yes	no	no	yes	yes	yes	HTML	yes	npm
Placeholder	liferay	Lexicon	GitHub	HTML/CSS/JS	yes	metal.js	no	no	Jest	ESLint	sass	no	no	Webpack	no	no	yes	natural	no	yes	SVG	yes	no	yes	no	no	no	yes	yes	Markdown	no data	npm Lerna
Placeholder	18F	U.S. Web Design System	GitHub	HTML/CSS/JS	yes	yes	no	no	no	no	Sass Bourbon Neat	no	no	Browserify Webpack	Sketch Illustrator EPS	yes	yes	natural (e.g. blue, gray, white)	no	yes	no	yes	no	no	no	yes	yes	yes	yes	yes	no	npm
Placeholder	Pegasystems	Pega Design System	no	visual only	no	no	no	no	no	no	CSS	no	no	no	Sketch AI XD SVG	no	yes	no	no	yes	yes	no	no	charts	principles	yes	yes	yes	yes	no	no	no
Placeholder	Altinn	Altinn Designsystem	GitHub	HTML/CSS/JS	yes	jQuery	no	no	no	ESlint, Sasslint	Sass	no	no	Gulp	Figma	no	yes	natural (e.g. blue primary)	yes	yes	fortAwesome	yes	yes	no	no	yes	yes	yes	yes	yes	no	npm
Placeholder	Ant Financial	Ant Design	GitHub	HTML/CSS/JS	yes	React	yes	no	Jest Enzyme	ESLint	Less	no	no	Webpack	Axure Sketch OmniGraffle Affinity Adobe XD	no	yes	abstract (e.g. Sunset Orange)	yes	yes	SVG	yes	no	yes	yes	yes	no	yes	yes	Markdown	no	npm
Placeholder	ACL	Starling	private	HTML/CSS/JS	yes	React	no	no	yes	ESLint	Sass	no data	sass json	no data	Sketch	no	yes	natural (eg: $purple-lighten-10) structured: ${base-color-name}-{darken/lighten}-{step}	no	yes	Icon Font	no	no	yes	no	yes	yes	no	yes	no data	no	no data
Placeholder	pivotal software	Pivotal UI	GitHub	HTML/CSS/JS	yes	React	no	no	jasmine	ESLint	Sass	no	no	Gulp	no	no	yes	specific (e.g. error-1) structure (e.g. accent-1)	no	yes	SVG	yes	no	no	no	no	no	no	yes	HTML	no	npm
Placeholder	financial times	Origami	GitHub	HTML/CSS/JS	yes	Vanilla React	no	no	Pa11y CI Karma Sinon Mocha	ESLint	Sass	no	no	webpack	no	no	yes	natural (e.g. teal), abstract (e.g. sky)	no	yes	SVG	yes	no	no	no	no	yes	no	yes	Markdown	no	npm
Placeholder	stack overflow	Stacks	private	HTML/CSS	yes	no	no	no	no data	no data	Less	no	no	no data	Sketch	no	yes	natural (e.g. orange-400) abstract (e.g. powder-100)	no	yes	SVG	yes	no	no	no	no	no	no	yes	HTML	no	npm
Placeholder	intuit	harmony	no data	no data	yes	no data	no data	no data	no data	no data	no data	no data	no data	no data	no data	yes	yes	natural (e.g. green 01) branded (e.g. quickbooks green)	no	no	PNG	yes	yes	no	yes	yes	no	yes	yes	no	no	no data
Placeholder	JetBrains	JetBrains Web UI	GitHub	HTML/CSS/JS	yes	React Angular	no	no	Karma Chai Enzyme Mocha Sinon	ESLint StyleLint	Sass postCSS	no	no	Webpack	no	no	yes	generig (e.g. color-1)	no	no	SVG	yes	no	no	no	no	no	no	yes	HTML	no	npm
Placeholder	github	primer	GitHub	HTML/CSS	yes	React	no	no	AVA	StyleLint	Sass	no	Scss	PostCSS	no	no	yes	natural (e.g. gray-300)	no	yes	Octicons (SVG)	yes	no	no	no	no	no	no	no	Markdown	no	npm
Placeholder	hubspot	canvas	no data	no data	yes	React	no	no	Jasmine Enzyme Visual Regression	ESLint	Sass	no data	json theo	yes	Sketch	no data	yes	abstract (e.g. calypso)	no data	yes	yes	no data	yes	yes	yes	yes	no data	yes	yes	yes	no data	no data
Placeholder	meetup	swarm design system	GitHub	HTML/CSS/JS	yes	React	no	yes	Jest Enzyme	ESLint	Sass	no	yes	Webpack	Sketch	yes	yes	natural (e.g. red, light red)	yes	yes	yes	yes	no	no	no	yes	yes	no	yes	yes	yes	yarn npm
Placeholder	brainly	Brainly Style Guide	GitHub	HTML/CSS/JS	yes	React	no	no	Enzyme Jest	ESLint	Sass	no	no	Webpack Gulp	no data	no	yes	Natural (e.g. $mintPrimary)	no	yes	SVG	no	no	no	no	no	no	no	yes	no	yes	npm
Placeholder	pusher	Chameleon	GitHub	HTML/CSS	yes	no	no	no	no	no	Sass	no	no	no	no	no	yes	abstract (e.g. $color-developer) natural (e.g. $color-silver) specific (e.g. $color-success)	no	yes	no	no	no	no	no	no	no	no	yes	no	no	no data
Placeholder	mesosphere	CNVS	GitHub	HTML/CSS	yes	no	no	no	no data	StyleLint	Less	no	no	Gulp	no	no	yes	natural (e.g. orange)	no	yes	no	yes	no	no	no	no	no	no	yes	no	no	npm
Placeholder	Wonderbly	Wonderbly Design System	GitHub	HTML/CSS/JS	yes	React	no	no	no data	no data	no data	no data	no data	no data	no data	no data	yes	natural (e.g. Light Green) abstract (e.g. stone)	no	no data	Icon Font	yes	no	no	yes	no	no	yes	yes	no data	no data	no data
Placeholder	opower	opattern	GitHub	HTML/CSS/JS	yes	no data	no data	no data	no data	no data	no data	no data	no data	no data	no data	no data	yes	specific (e.g. success color)	no	yes	SVG	yes	yes	yes	yes	yes	no	no	yes	no data	no data	no data
Placeholder	mapbox	base	GitHub	HTML/CSS	yes	no	no	no data	no data	no data	no data	no data	no data	no data	no data	no	yes	natural (e.g. blue)	no	yes	Icon Font	yes	no	no	yes	yes	no	no data	yes	no data	no data	no data
Placeholder	barricade	Style Guide	GitHub	HTML/CSS	yes	no	no	no	no data	no data	Sass	no	no	no data	no data	no	yes	abstract (e.g. event cyan)	no	yes	Icon Font	no	no	no	no	no	no	no	no data	no data	no data	no data
Placeholder	eurostar	GLU	no data	HTML/CSS/JS	yes	React	no data	no data	no data	no data	Sass	no data	no data	no data	no data	no	yes	branded (e.g. eurostar blue) abstract (e.g. metallic gold)	no	yes	SVG	no	no data	no	no	yes	no	no	yes	no data	no data	npm
Placeholder	uSwitch	uStyle	GitHub	HTML/CSS/JS	yes	React	no	no	no	scsslint	Sass	no	no	Grunt	no	yes	yes	natural (e.g. c-cyan) specific (e.g. c-inputgrey)	no	yes	SVG	yes	yes	no	no	yes	yes	no	yes	HTML	no	npm bower ruby gem
Placeholder	VMware	Clarity Design System	GitHub	HTML/CSS/JS	yes	Angular	yes	no	Jasmine Selenium Karma Mocha	TSLint	Sass PostCSS	no	no	Webpack	Sketch	no	yes	natural (e.g. red)	yes	yes	SVG	yes	no	no	no	no	typescript	no	yes	HTML	no	npm
Placeholder	mongoDB	UI Design System	GitHub	HTML/CSS/JS	yes	React	no	no	no	no	Less	no	no	Webpack	Sketch	no	yes	natural (e.g. green-1) specific (e.g. alertOrange)	no	yes	Icon Font	yes	no	no	no	no	no	yes	yes	HTML	no	npm
Placeholder	microsoft	Office UI Fabric	GitHub	HTML/CSS/JS/SWIFT	yes	React	yes	no	Jest Sinon Enzyme	TSLint	Sass	no	no	Webpack	Adobe XD	no	yes	natural (e.g. yellow) specific (e.g. themeDarkAlt)	no	yes	Icon Font	yes	no	no	yes	no	no	no	yes	HTML	no	npm
Placeholder	MYOB	Feelix	GitHub	HTML/CSS/JS	yes	React	no data	no data	no data	no data	no data	no data	no data	Webpack	no	no	yes	branded (e.g. brand-primary) natural e.g. gray-base	yes	yes	SVG	yes	no	no	no	no	no	yes	yes	no data	yes	npm yarn
Placeholder	StudyPortals	Styleguide	no	HTML/CSS/JS	yes	Vue	no	no	no	no	Sass postCSS	yes	no	Webpack Gulp	no	yes	yes	natural pattern	no	yes	Icon Font	yes	no	no	no	no	no	yes	no	no	no	npm
Placeholder	hudl	uniform	no data	HTML/CSS/JS/SWIFT	yes	React	no data	no	no data	no data	Sass	yes	Sass	no data	Sketch	no data	yes	Natural (e.g. $color-brand-orange) Abstract (e.g. $color-identity-apple)	no	yes	SVG	yes	no	no	no	no	no	no	yes	no data	no data	npm
Placeholder	workday	canvas	GitHub	HTML/CSS/JS	yes	React	yes	no	Jest Cypress ChromaticQA	ESLint	Emotion Sass	no data	no data	no	no	yes	yes	Abstract (e.g. Peach)	no	yes	SVG	yes	no	no	no	yes	yes	yes	yes	yes	yes	no data
Placeholder	GitLab	Pajamas Design System	GitLab	HTML/CSS/JS	yes	Vue	no	no	Jest Visual regression	Prettier ESlint Stylelint	Sass	no	Scss	Webpack	Figma	yes	yes	natural (e.g. green-500)	yes	yes	SVG	yes	yes	yes	yes	yes	yes	yes	yes	yes	yes	npm
Placeholder	intuit	QuickBooks Design System	no data	HTML/CSS/JS	yes	React	no data	no data	no data	no data	Sass	no	no data	no data	Sketch	yes	yes	Branded (e.q. Quickbooks Green) Natural (e.g. Green 01)	no	yes	Icon Font	yes	yes	yes	yes	yes	yes	no	yes	no data	no data	no data
Placeholder	SpareBank 1	SpareBank 1 Designsystem	GitHub	HTML/CSS/JS	yes	React	no	no	Enzyme Jest	Prettier	Less	no	no	Webpack	no	yes	yes	natural (e.g. blue) abstract (e.g. cloud)	no	yes	SVG	yes	no	no	yes	yes	yes	no	yes	Markdown	no	npm Lerna
Placeholder	Zendesk	Garden	GitHub	HTML/CSS/JS	yes	React	no	no	Jest Jest-styled-components Enzyme	ESLint StyleLint	styled-components postCSS	yes	no data	Webpack	no	no	yes	abstract (e.g. verdigis) natural (e.g. grey–800)	no	yes	SVG	no	no	no	no	no	no	no	yes	Markdown	no	npm
Placeholder	Pinterest	Gestalt	GitHub	HTML/CSS/JS	yes	React	no	no	Jest Enzyme	ESLint StyleLint	postCSS	no	no	Webpack	no	no	no	no	no	no	no	no	no	no	no	no	no	no	yes	no	no	npm Yarn
Placeholder	Alfa-Bank	Feather	GitHub	HTML/CSS/JS	yes	React	no	no	Chai Karma Sinon Mocha	ESLint StyleLint	CSS	no	no	Webpack	no	no	yes	natural (e.g. dark_indigo)	no	yes	SVG	no	no	no	no	no	no	yes	yes	Markdown	no	npm
Placeholder	Digital Transformation Agency	Australian Government Design System	GitHub	HTML/CSS/JS	yes	Vanilla React jQuery	no	no	Jest Pa11y Visual regression	no	Sass	no	no	Pancake	no	yes	yes	semantic	yes	yes	no	yes	no	no	yes	yes	yes	yes	yes	yes	no data	npm
Placeholder	mozilla	protocol	GitHub	HTML/CSS/JS	yes	Node	no	no	no	ESLint StyleLint	Sass	no	json	Webpack	no	yes	yes	natural (e.g. blue)	yes	yes	no	yes	no	no	no	no	no	yes	yes	CSS	no	npm
Placeholder	auth0	cosmos	GitHub	HTML/CSS/JS	yes	React	yes	no	Jest Enzyme Chromatic	no	no	styled-components	json	Webpack	no	no	no	natural (e.g. blue)	no	yes	yes	no	no	no	no	no	no	no	yes	yes	yes	npm
Placeholder	VTEX	Styleguide	GitHub	HTML/CSS/JS	yes	React	no	no	no	ESLint Prettier	Tachyons	no	json	VTEX IO	Figma	yes	yes	semantic (e.g. $bg-action-primary)	no	yes	SVG	yes	no	yes	no	no	no	no	yes	Markdown	no	NPM VTEX IO
Placeholder	Government of Canada	Aurora Design System	GitHub	HTML/CSS/JS	yes	no	no	no	no	no	yes	no	no	no	no	no	yes	no	yes	yes	yes	yes	no	yes	no	yes	no	no	yes	yes	no	no
Placeholder	bridge	bold design system	GitHub	HTML/CSS/JS	yes	React	yes	no	jest	TSLint	emotion	yes	no	Webpack	Skecth	no	yes	yes	yes	yes	yes	yes	no	no	no	no	yes	no	yes	yes	yes	npm
Placeholder	canonical	vanilla framework	GitHub	HTML/CSS	yes	no	no	no	no	sass-lint	Sass	no	no	no	Sketch	yes	yes	yes	no	yes	yes	yes	no	no	yes	no	yes