design-system

There are 262 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 325778
• material-ui

  mui / material-ui

  Material UI: Comprehensive React component library that implements Google's Material Design. Free forever.

  design-systemmaterial-designmaterial-uireactreact-components
  Language:JavaScript 96969
• chakra-ui

  chakra-ui / chakra-ui

  Chakra UI is a component system for building SaaS products with speed ⚡️

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

  saadeghi / daisyui

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

  tailwind-cssui-librarydesign-systemui-patternui-frameworkcss-componentscss-frameworkui-kitui-designdesign-systemstailwindcsspostcsstailwindcsscomponentcomponentscomponent-librarydaisyuisveltefront-end
  Language:Svelte 39273
• docz

  doczjs / docz

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

  design-systemdocsdocumentationdoczgatsbyjsmdxreactthemeuizero-configuration
  Language:TypeScript 23664

• gztchan / awesome-design

  🌟 Curated design resources from all over the world.

  designuiuxcreativeadobesketchvectorgraphicsawesomecurateddesign-systemdesigner-newspodcastfont
  16371
• css

  primer / css

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

  sassui-componentsframeworkdesign-systemdesign-systemsprimercssprimer-cssmetastyleguide
  Language:SCSS 12829

• jdan / 98.css

  A design system for building faithful recreations of old UIs

  cssdesign-systemguy-fieriwindows98
  Language:CSS 10660

• material-components / material-web

  Material Design Web Components

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

• 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

  reactui-libarydesign-systemdark-modedesign2codecode2designdesignopsthemedesigntocodefigma-plugin
  Language:TypeScript 9469
• flowbite

  themesberg / flowbite

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

  componentscssdesign-systemeslintfigmaflowbitehtmlhugojavascriptprettiertailwindtailwindcsstypescriptui-componentsui-frameworkui-librarywebpack
  Language:HTML 8922
• nue

  nuejs / nue

  Fastest way to build modern websites

  javascriptjavascript-frameworkmarkdown-flavourdesigndesign-systemnuejs
  Language:JavaScript 8839
• carbon

  carbon-design-system / carbon

  A design system built by IBM

  design-systemhacktoberfestjavascriptreactscss
  Language:TypeScript 8603
• grommet

  grommet / grommet

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

  a11ybabeldesign-systemgrommethacktoberfestjavascriptreactux-framework
  Language:JavaScript 8361
• rebass

  rebassjs / rebass

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

  javascriptreactcssuistyled-componentsrebassdesign-systemreact-componentsstyled-systemcomponentsgridtypographylayoutcolorthemeemotion
  Language:JavaScript 7923
• React95

  react95-io / React95

  🌈🕹 Windows 95 style UI component library for React

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

• 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.

  uxuiangularcsstypescriptcomponent-librarydesign-systemclaritylit-elementsangular-componentswebweb-componentsweb-components-librarycomponentsaccessibilityaccessible-componentsaccessible-design
  Language:TypeScript 6416
• eui

  elastic / eui

  Elastic UI Framework 🙌

  euireactdesign-systemelasticsearchkibanacss-in-js
  Language:TypeScript 6217
• base-ui

  mui / base-ui

  Unstyled UI components for building accessible web apps and design systems. From the creators of Radix, Floating UI, and Material UI.

  accessibilitydesign-systemreactreact-componentswai-aria
  Language:TypeScript 6180
• polaris

  Shopify / polaris

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

  component-librarydesign-systemdesign-systemsdesign-tokensfigma-pluginiconsreactshopify-polaristypescriptvscode-extension
  Language:TypeScript 6044

• basscss / basscss

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

  basscsscssatomic-cssutility-cssutilityfunctional-cssdesign-systemoocss
  Language:CSS 5884
• panda

  chakra-ui / panda

  🐼 Universal, Type-Safe, CSS-in-JS Framework for Design Systems ⚡️

  atomic-csscompilercsscss-in-jsdesign-systemdesign-tokensengineframework-agnosticjit-compilerpostcssstyled-systemthemingtypescriptutility-classes
  Language:TypeScript 5866
• reka-ui

  unovue / reka-ui

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

  accessibilityaccessiblecomponent-librarydesign-systemheadlessnuxtprimitivesradix-uireka-uiuiui-componentsui-kitvuevue-component-libraryvue-componentsvue-radix
  Language:Vue 5794
• skeleton

  skeletonlabs / skeleton

  Skeleton is an adaptive design system powered by Tailwind CSS.

  a11yaccessibilityastrocomponentscomponents-librarydesigndesign-systemnextjsreactsveltesveltekittailwindcssuser-interfacevite
  Language:TypeScript 5781

• arco-design / arco-design

  A comprehensive React UI components library based on Arco Design

  arco-designcomponent-librarycustomizedesign-systemreactuiui-library
  Language:TypeScript 5469
• theme-ui

  system-ui / theme-ui

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

  stylethemedesign-systemdesigndesign-tokensuicolortypographylayoutreactemotionmdx
  Language:TypeScript 5374

• chakra-ui / ark

  Build scalable design systems with React, Vue, Solid, and Svelte.

  componentsdesign-systemheadlessreactsolidsvelteuivue
  Language:TypeScript 4765

• alibaba-fusion / next

  🦍 A configurable component library for web built on React.

  componentuifusionnextdesign-systemfusion-designreact
  Language:TypeScript 4665

• 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 4581
• geist-ui

  geist-org / geist-ui

  A design system for building modern websites and applications.

  react-componentsreactgeistdesign-systemgeist-uidesign-systemshacktoberfest
  Language:TypeScript 4496

• pinterest / gestalt

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

  design-systemjavascriptreact
  Language:TypeScript 4335
• React95

  React95 / React95

  A React components library with Win95 UI

  design-systemhacktoberfestreactstorybookvanilla-extractvanilla-extract-csswindows95
  Language:TypeScript 3723
• react

  primer / react

  An implementation of GitHub's Primer Design System using React

  component-librarydesign-systemprimerreact
  Language:TypeScript 3722

• meetalva / alva

  Create living prototypes with code components.

  componentsdesigndesign-systemreact
  Language:TypeScript 3712
• ui-buttons

  youneslaaroussi / ui-buttons

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

  cssfrontendangularawesomeawesome-listdesigndesign-systemframeworkfreenpmreactvueweb-designweb-developmentwebcomponentsfirst-timer-friendly
  Language:CSS 3662
• Architecture

  rafaelfgx / Architecture

  .NET, Angular, Clean Architecture, Clean Code, SOLID Principles, KISS Principle, DRY Principle, Fail Fast Principle, Common Closure Principle, Common Reuse Principle, Acyclic Dependencies Principle, Mediator Pattern, Result Pattern, Folder-by-Feature Structure, Separation of Concerns

  angulararchitectureaspnet-coreaspnetcorebest-practicesc-charpclean-architectureclean-codecsharpdesign-systemdomain-driven-designdot-netdotnetentity-frameworkmicroservicessolidsystem-designtypescript
  Language:C# 3250