design-system

Collection of DESIGN.md files that capture design systems from popular websites. Drop one into your project and let coding agents build matching UI.

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

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

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

A comprehensive React UI components library based on Arco Design

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.

Svelte implementation of the Carbon Design System

Extract any website's complete design system with one command. DTCG tokens, semantic+primitive+composite, MCP server for Claude Code/Cursor/Windsurf, multi-platform emitters (iOS SwiftUI, Android Compose, Flutter, WordPress), Tailwind v4, Figma variables, shadcn/ui, CSS health audit, WCAG remediation, Chrome extension. MIT, Playwright, Node 20+.

🚀 The easiest, free and open-source Tailwind CSS component library with semantic classes.

A UI toolkit for building accessible web apps and design systems with SolidJS.

Untitled UI React is the world’s largest collection of open-source React components built with Tailwind CSS and React Aria. Just copy, paste, and build.

The React component library for startups, built with Chakra UI.

Open-source React UI library built with Tailwind CSS. Production-ready components, blocks, and templates to help you build modern, accessible web apps faster.

SumUp's design system for the web

Customizable design system from Welcome to the jungle (@wttj) with react, typescript, tailwindcss, ariakit and a lot of love 💛 Here you'll find all the core components you need to create a delightful webapp.

Backpack Design System for the Web