system-design-primer
by donnemartinLearn how to design large-scale systems. Prep for the system design interview. Includes Anki flashcards.
π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
This is the project's own description from GitHub β we show it as-is rather than inventing details.
This project is listed under Design Systems in Graphic Design & Creativity, a category made for designers, creators, marketers and anyone who makes visuals.
Do I need coding knowledge? Coding Knowledge Recommended. (Estimate based on project type: A developer tool/library β setup usually follows the README with basic coding skills. Always confirm from the repo's README.)
The source code is released under the NOASSERTION license. Open-source licenses like this usually allow free use, including commercial use β but always read the actual license file in the repository before relying on it. Note: the code being free does not mean hosted services, APIs or infrastructure around it are free.
Activity level: Very active Β· Last code update: 29 Oct 2026 Β· Created: 25 Oct 2021 Β· Open issues: 626
Official links: Official Website β Β· Releases β Β· Documentation (README) β
We never publish installation steps we have not verified β the README above is the source of truth.
β 10455 stars Β· π΄ 850 forks Β· π 626 open issues Β· π» Language: TypeScript Β· π License: NOASSERTION Β· Default branch: main
Learn how to design large-scale systems. Prep for the system design interview. Includes Anki flashcards.
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.
Agent skills that give coding agents taste: art direction, reference images and a browser check instead of generic AI pages
The 1st Collaborative AI Design Agent Workspace. Local-first and open source. Create motion, prototypes, websites, apps, dashboards, presentations, images, and videos with yourβ¦
An enterprise-class UI design language and React UI library
Material UI: Comprehensive React component library that implements Google's Material Design. Free forever.