adele.uxpin.comAdele – Design Systems and Pattern Libraries Repository

UXPin_logo_black Created with Sketch. The Design Systems Platform Adele The repository of publicly available design systems and pattern libraries Start Exploring Systems Why Adele? Filter categories: See More: Company System repository A/Z code depth A/Z components A/Z JS library/framework A/Z typescript A/Z web components A/Z tests A/Z linter A/Z CSS A/Z CSS in JS A/Z design tokens A/Z bundle manager A/Z UI kit A/Z brand guidelines A/Z color palette A/Z color naming A/Z contrast analysis A/Z typography A/Z icons A/Z space / grid A/Z illustration A/Z data visualization A/Z animation A/Z voice & tone A/Z accessibility guidelines A/Z design principles A/Z documentation website A/Z code documentation A/Z storybook A/Z distribution A/Z Placeholder Placeholder All yes no All no data yes no All no data not yet yes no All emotion Emotion no data styled-components yes no All no data not yet Twilio Brand yes no All yes no All no data yes no All no data yes no All no data yes no All no data yes no All charts no data yes no All no data principles yes no All no data no yet yes no All no data typescript WCAG 2.1 Level AA yes no All no data not yet yes no All no data yes no All no data yes no 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 weWork plasma GitHub HTML/CSS/JS yes React no no no ESLint Sass no no Webpack no no no no no no SVG no no no no no no no yes Markdown yes npm Yarn 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...