A design system is a way to have modular and reusable CSS components as well as a separation of concerns of designing and using this system, by, for examplr, using design tokens.
Learn how to design large-scale systems. Prep for the system design interview. Includes Anki flashcards.
Material UI: Comprehensive React component library that implements Google's Material Design. Free forever.
Chakra UI is a component system for building SaaS products with speed ⚡️
🌼 🌼 🌼 🌼 🌼 The most popular, free and open-source Tailwind CSS component library
✍ It has never been so easy to document your things!
Primer is GitHub's design system. This is the CSS implementation
A design system for building faithful recreations of old UIs
Material Design Web Components
🚀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
Open-source UI component library and front-end development framework based on Tailwind CSS
Standards first web framework taking HTML, CSS, JS, and WASM to their peak
A design system built by IBM
a react-based framework that provides accessibility, modularity, responsiveness, and theming in a tidy package
⚛️ React primitive UI components built with styled-system.
🌈🕹 Windows 95 style UI component library for React
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.
Elastic UI Framework 🙌
Shopify's Polaris Design System - React implementation (Deprecated)
Unstyled UI components for building accessible web apps and design systems. From the creators of Radix, Floating UI, and Material UI.