SaaSHub helps you find the best software and product alternatives Learn more →
Top 23 design-system Open-Source Projects
-
system-design-primer
Learn how to design large-scale systems. Prep for the system design interview. Includes Anki flashcards.
A deeply-synthesized, opinionated reference distilled from five canonical sources: donnemartin/system-design-primer · ByteByteGoHq/system-design-101 · karanpratapsingh/system-design · ashishps1/awesome-system-design-resources · binhnguyennus/awesome-scalability
-
SaaSHub
SaaSHub - Software Alternatives and Reviews. SaaSHub helps you find the best software and product alternatives
-
Material UI
Ready-to-use foundational React components, free forever. It includes Material UI, which implements Google's Material Design.
Project mention: Show HN: Typique – a bundler-independent, zero-runtime CSS-in-TS library | news.ycombinator.com | 2026-01-07Hi HN! I’ve been following zero-runtime CSS-in-JS/TS libraries for a while and noticed that most of them end up overwhelmed by bundler compatibility issues. A good summary of these problems is in the final status report [1] of Pigment CSS — MUI’s attempt in this space.
As someone working on TypeScript tooling, I started wondering whether this problem could be approached from a different angle: instead of relying on bundler plugins, use TypeScript types to define styles, and TypeScript tooling to provide locally scoped class and CSS variable names.
This led to Typique — a library built as a TypeScript plugin. It provides IDE integration (completion, diagnostics, quick fixes) and emits plain CSS without any dependence on bundler or framework. It’s early, but already usable; I’ve been using it in a couple of personal projects.
Feedback, questions, and skepticism are very welcome. Thanks for reading.
[1] https://github.com/mui/material-ui/issues/45759#issuecomment...
-
awesome-design-md
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.
Project mention: No Template Fits? Generate Your Own Awesome DESIGN.md with .NET and Ollama | dev.to | 2026-05-29 -
Project mention: How to Turn Filament v5's Rich Editor Into a Full Block Editor | dev.to | 2026-04-28
If you're using a component library like daisyUI, you can map styling options directly to its semantic classes btn-primary, bg-base-200). This gives you theme switching for free — every block re-skins automatically when the theme changes.
-
Project mention: chakra-ui VS ui - a user suggested alternative | libhunt.com/r/chakra-ui | 2025-10-11
-
-
core
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. (by stenciljs)
-
-
HyperUI
Free Tailwind CSS v4 components for your next project, designed to enhance your web development with the latest features and styles 🚀
-
-
Project mention: Lit: a library for building fast, lightweight web components | news.ycombinator.com | 2025-09-02
-
semi-design
🚀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
-
base-ui
Unstyled UI components for building accessible web apps and design systems. From the creators of Radix, Floating UI, and Material UI.
Base UI v1.0.0 reached stable status in 2025, shipping with 35 unstyled components. It has been picking up serious traction in the React world since then.
-
Project mention: Build apps for ChatGPT, Claude, and Gemini using MCP UI components from Flowbite | dev.to | 2026-02-06
We decided to use the Skybridge framework to build MCP apps and we are using the UI components from Flowbite.
-
-
Hello HN. I want to share something I’ve been thinking about for a while now. I’m stepping away from Nue development (https://github.com/nuejs/nue, https://nuejs.org) to work on something new. This wasn’t an easy call, but I think it’s the right one. Here’s why.
### The ecosystem chose React and Tailwind
-
grommet
a react-based framework that provides accessibility, modularity, responsiveness, and theming in a tidy package
-
-
-
Elastic EUI: developed and released from a single repo, with discussions about monorepo publishing flows.
-
-
Skeleton Documentation
-
NOTE:
The open source projects on this list are ordered by number of github stars.
The number of mentions indicates repo mentiontions in the last 12 Months or
since we started tracking (Dec 2020).
design-system discussion
design-system related posts
-
No Template Fits? Generate Your Own Awesome DESIGN.md with .NET and Ollama
-
Design.md
-
BlazOrbit VS MudBlazor - a user suggested alternative
2 projects | 4 May 2026 -
BoldKit Spring 2026: v3.0 v3.2.2 - ASCII Animations, Canvas Effects, Dot Matrix Studio & More
-
How to Turn Filament v5's Rich Editor Into a Full Block Editor
-
Design.md: A format spec for describing a visual identity to coding agents
-
Get Design MD: Markdown files with the look of popular websites for use with AI
-
A note from our sponsor - SaaSHub
www.saashub.com | 7 Jun 2026
Index
What are some of the best open-source design-system projects? This list will help you:
| # | Project | Stars |
|---|---|---|
| 1 | system-design-primer | 351,700 |
| 2 | Material UI | 98,388 |
| 3 | awesome-design-md | 87,195 |
| 4 | daisyui | 41,070 |
| 5 | chakra-ui | 40,428 |
| 6 | awesome-design | 16,752 |
| 7 | core | 13,095 |
| 8 | Primer | 12,959 |
| 9 | HyperUI | 12,108 |
| 10 | 98.css | 11,091 |
| 11 | material-web | 10,998 |
| 12 | semi-design | 9,926 |
| 13 | base-ui | 9,861 |
| 14 | flowbite | 9,263 |
| 15 | carbon | 9,153 |
| 16 | nue | 8,825 |
| 17 | grommet | 8,358 |
| 18 | rebass | 7,907 |
| 19 | React95 | 7,198 |
| 20 | eui | 6,298 |
| 21 | panda | 6,070 |
| 22 | skeleton | 5,975 |
| 23 | basscss | 5,897 |
Sponsored
SaaSHub - Software Alternatives and Reviews
SaaSHub helps you find the best software and product alternatives
www.saashub.com