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.

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

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

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

🌟 Curated design resources from all over the world.

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.

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

Free Tailwind CSS v4 components for your next project, designed to enhance your web development with the latest features and styles 🚀

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

A design system built by IBM

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

Fastest way to build modern websites

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

:atom_symbol: 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 🙌

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

Shopify's Polaris Design System - React implementation (Deprecated)

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

Skeleton is an adaptive design system powered by Tailwind CSS.

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

A comprehensive React UI components library based on Arco Design

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

Unstyled, accessible UI components for your design System. Works in React, Vue, Solid, and Svelte.

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