design-system

There are 238 repositories under design-system topic.

• donnemartin / system-design-primer

  Learn how to design large-scale systems. Prep for the system design interview. Includes Anki flashcards.

  designdesign-patternsdesign-systemdevelopmentinterviewinterview-practiceinterview-questionsprogrammingpythonsystemwebweb-applicationwebapp
  Language:Python 278167
• chakra-ui

  chakra-ui / chakra-ui

  ⚡️ Simple, Modular & Accessible UI Components for your React Applications

  a11yaccessibleark-uichakra-uicomponentcss-in-jsdark-modedesign-systemreactreact-componentsreactjsstyledui-componentsui-libraryuikitwai-aria
  Language:TypeScript 38073
• daisyui

  saadeghi / daisyui

  🌼 🌼 🌼 🌼 🌼  The most popular, free and open-source Tailwind CSS component library

  componentcomponent-librarycomponentscsscss-componentscss-frameworkdaisyuidesign-patterndesign-systemdesign-systemspostcsssveltetailwindtailwind-csstailwindcssui-designui-frameworkui-kitui-libraryui-pattern
  Language:Svelte 34298
• docz

  doczjs / docz

  ✍ It has never been so easy to document your things!

  design-systemdocsdocumentationdoczgatsbyjsmdxreactthemeuizero-configuration
  Language:TypeScript 23666

• gztchan / awesome-design

  🌟 Curated design resources from all over the world.

  adobeawesomecreativecurateddesigndesign-systemdesigner-newsfontgraphicspodcastsketchuiuxvector
  15701
• css

  primer / css

  Primer is GitHub's design system. This is the CSS implementation

  cssdesign-systemdesign-systemsframeworkmetaprimerprimer-csssassstyleguideui-components
  Language:SCSS 12577

• jdan / 98.css

  A design system for building faithful recreations of old UIs

  cssdesign-systemguy-fieriwindows98
  Language:CSS 9683

• material-components / material-web

  Material Design Web Components

  component-design-systemlitlit-elementlit-htmlmaterialmaterial-designmaterial-youmaterial3webweb-components
  Language:TypeScript 9416

• DouyinFE / semi-design

  🚀A modern, comprehensive, flexible design system and React UI library. 🎨 Provide more than 3000+ Design Tokens, easy to build your design system. Make Semi Design to Any Design. 🧑🏻‍💻 Design to Code in one click

  code2designdark-modedesign-systemdesign2codedesignopsdesigntocodefigma-pluginreactthemeui-libary
  Language:TypeScript 8556
• grommet

  grommet / grommet

  a react-based framework that provides accessibility, modularity, responsiveness, and theming in a tidy package

  grommetjavascriptux-frameworkbabelreacta11ydesign-systemhacktoberfest
  Language:JavaScript 8349
• flowbite

  themesberg / flowbite

  Open-source UI component library and front-end development framework based on Tailwind CSS

  csshtmltailwindcsscomponentsdesign-systemui-componentsui-libraryui-frameworkjavascriptfigmaflowbitetypescripteslinthugoprettiertailwindwebpack
  Language:HTML 8025
• rebass

  rebassjs / rebass

  :atom_symbol: React primitive UI components built with styled-system.

  colorcomponentscssdesign-systememotiongridjavascriptlayoutreactreact-componentsrebassstyled-componentsstyled-systemthemetypographyui
  Language:JavaScript 7939
• carbon

  carbon-design-system / carbon

  A design system built by IBM

  design-systemhacktoberfestjavascriptreactscss
  Language:JavaScript 7878
• React95

  react95-io / React95

  🌈🕹 Windows 95 style UI component library for React

  component-librarycomponentsdesign-systemreactreactjsstyled-componentsuiui-kitvaporwavewindows95
  Language:TypeScript 6703

• vmware-archive / clarity

  Clarity is a scalable, accessible, customizable, open source design system built with web components. Works with any JavaScript framework, built for enterprises, and designed to be inclusive.

  accessibilityaccessible-componentsaccessible-designangularangular-componentsclaritycomponent-librarycomponentscssdesign-systemlit-elementstypescriptuiuxwebweb-componentsweb-components-library
  Language:TypeScript 6425
• nue

  nuejs / nue

  The Design Engineering Framework for the Web

  css-frameworkdesigndesign-systemjavascriptjavascript-frameworkmarkdown-flavour
  Language:JavaScript 6184

• basscss / basscss

  Low-level CSS Toolkit – the original Functional/Utility/Atomic CSS library

  basscsscssatomic-cssutility-cssutilityfunctional-cssdesign-systemoocss
  Language:CSS 5851
• polaris

  Shopify / polaris

  Shopify’s design system to help us work together to build a great experience for all of our merchants.

  shopify-polarisreacttypescriptdesign-systemcomponent-librarydesign-systemsdesign-tokensfigma-pluginiconsvscode-extension
  Language:TypeScript 5824
• theme-ui

  system-ui / theme-ui

  Build consistent, themeable React apps based on constraint-based design principles

  colordesigndesign-systemdesign-tokensemotionlayoutmdxreactstylethemetypographyui
  Language:TypeScript 5304
• panda

  chakra-ui / panda

  🐼 Universal, Type-Safe, CSS-in-JS Framework for Product Teams ⚡️

  atomic-csscompilercsscss-in-jsdesign-systemdesign-tokensengineframework-agnosticjit-compilerpostcssstyled-systemthemingtypescriptutility-classes
  Language:TypeScript 5258

• arco-design / arco-design

  A comprehensive React UI components library based on Arco Design

  arco-designcomponent-librarycustomizedesign-systemreactuiui-library
  Language:TypeScript 4981

• alibaba-fusion / next

  🦍 A configurable component library for web built on React.

  componentdesign-systemfusionfusion-designnextreactui
  Language:TypeScript 4591
• geist-ui

  geist-org / geist-ui

  A design system for building modern websites and applications.

  design-systemdesign-systemsgeistgeist-uihacktoberfestreactreact-components
  Language:TypeScript 4346

• pinterest / gestalt

  A set of React UI components that supports Pinterest’s design language

  design-systemjavascriptreact
  Language:TypeScript 4253

• chakra-ui / ark

  Ark UI is a headless UI library with over 45+ components designed to build scalable Design Systems that works for a wide range of JS frameworks.

  headlessreactvuesolidcomponentsdesign-systemuisvelte
  Language:TypeScript 3836
• radix-vue

  unovue / radix-vue

  Vue port of Radix UI Primitives. An open-source UI component library for building high-quality, accessible design systems and web apps.

  accessibilityaccessiblecomponent-librarydesign-systemheadlessnuxtprimitivesradix-uiuiui-componentsui-kitvuevue-component-libraryvue-componentsvue-radix
  Language:Vue 3741

• meetalva / alva

  Create living prototypes with code components.

  componentsdesigndesign-systemreact
  Language:TypeScript 3734
• React95

  React95 / React95

  A React components library with Win95 UI

  reactstorybookwindows95design-systemhacktoberfestvanilla-extractvanilla-extract-css
  Language:TypeScript 3528
• ui-buttons

  eludadev / ui-buttons

  100 Modern CSS Buttons. Every style that you can imagine.

  angularawesomeawesome-listcssdesigndesign-systemfirst-timer-friendlyframeworkfreefrontendnpmreactvueweb-designweb-developmentwebcomponents
  Language:CSS 3477
• react

  primer / react

  An implementation of GitHub's Primer Design System using React

  component-librarydesign-systemprimerreact
  Language:TypeScript 3210

• vuesion / vuesion

  Vuesion is a boilerplate that empowers product teams to build faster with modern best practices across engineering and design. It features a full-stack framework, comprehensive design system, robust testing, and seamless internationalization.

  seoi18nnuxtjsvuejsboilerplatedesign-systemtypesciptpwabest-practiseskitchen-sinkserver-side-renderinguniversalstorybooktypescriptcypressvueauthenticationpiniavitest
  Language:Vue 2844

• gluestack / gluestack-ui

  React & React Native Components & Patterns (copy-paste components & patterns crafted with Tailwind CSS (NativeWind))

  accessibilitycomponent-librarycustomizable-componentsdesign-systemreactreact-nativestyled-componentsuiui-componentsuniversal-components
  Language:TypeScript 2830

• arco-design / arco-design-vue

  A Vue.js 3 UI Library based on Arco Design

  arco-designcomponent-librarycomponentsdesign-systemuivuevue3vuejs
  Language:TypeScript 2749

• carbon-design-system / carbon-components-svelte

  Svelte implementation of the Carbon Design System

  carbon-design-systemsveltedesign-systemcarbonsvelte-componentscomponent-librarytypescriptui-librarytypescript-definitionsui-components
  Language:Svelte 2710

• puncsky / system-design-and-architecture

  Learn how to design large-scale systems. Prep for the system design interview.

  architecturedesigndesign-patternsdesign-systemdevelopmentinterviewinterview-practiceinterview-questionssystem-designweb
  Language:Makefile 2603

• creativetimofficial / argon-design-system

  Argon - Design System for Bootstrap 4 by Creative Tim

  bootstrap-4creative-timcreativetimdesigndesign-systemdesign-systemsfreefreebiefreebiesprofile-pageresponsiveresponsive-designwebdesign
  Language:CSS 2468