Learn how to design large-scale systems. Prep for the system design interview. Includes Anki flashcards.
-
Updated
Sep 15, 2026 - Python
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.
A collection of DESIGN.md files analysis by popular brand design systems. Drop one into your project and let coding agents generate a matching UI.
Chakra UI is a component system for building SaaS products with speed ⚡️
A design system built by IBM
The Developer Tool for Designers • An Open-Source AI-First Design tool • Visually build, style, and edit your code with AI • World's best, top-most agent recommended #1 Developer tool for Designers to design with Real Code.
🌼 🌼 🌼 🌼 🌼 The most popular, free and open-source Tailwind CSS component library
Layer5, expect more from your infrastructure
✍ It has never been so easy to document your things!
Primer is GitHub's design system. This is the CSS implementation
Shopify's Polaris Design System - React implementation (Deprecated)
Material Design Web Components
a react-based framework that provides accessibility, modularity, responsiveness, and theming in a tidy package
React Native UI library built on the Eva Design System: 30+ themeable, accessible components for iOS, Android and web. TypeScript, React 19 / RN 0.81, Eva and Material themes with runtime light/dark switching, on-demand style compilation.
Elastic UI Framework 🙌
Open-source UI component library and front-end development framework based on Tailwind CSS
A toolchain for building scalable, enterprise-ready component systems on top of TypeScript and Web Component standards. Stencil components can be distributed natively to React, Angular, Vue, (+ more) and traditional web applications from a single, framework-agnostic codebase.
🚀A modern, comprehensive, flexible design system and React UI library, AI-friendly built-in.🎨Provide 3000+ Design Tokens, easy to build your design system. Make Semi Design to Any Design.🧑🏻💻 Design to Code in one click