The best open-source design systems in 2026

Last updated

Sep 11, 2026

Projects considered

84

Commits reviewed

0 of 84

Design systems and UI kits: tokens, themes, documentation and the components that ship with them.

Mostly written in TypeScript, JavaScript, Vue, HTML and CSS.

1. 1

   base-ui

   mui/base-ui

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

   Pushed yesterday.MIT LicenseTypeScriptDesign systems11.3k+44

   Save
2. 2

   semi-design

   DouyinFE/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

   Pushed yesterday.OtherTypeScriptDesign systems10.5k+30

   Save
3. 3

   material-design-for-bootstrap

   mdbootstrap/material-design-for-bootstrapSlowing

   Important! A new UI Kit version for Bootstrap 5 is available. Access the latest free version via the link below.

   Last push 7 months ago.MIT LicenseJavaScriptDesign systems9.2k

   Save
4. 4

   reka-ui

   unovue/reka-ui

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

   Pushed yesterday.MIT LicenseVueDesign systems6.9k+16

   Save
5. 5

   design-extract

   Manavarya09/design-extract

   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+.

   Pushed yesterday.MIT LicenseHTMLDesign systems4.5k+95

   Save
6. 6

   argon-design-system

   creativetimofficial/argon-design-systemDormant

   Argon - Design System for Bootstrap 4 by Creative Tim

   No push in 2.4 years ago.OtherCSSDesign systems2.5k+1

   Save
7. 7

   vue-design-system

   arielsalminen/vue-design-systemDormant

   An open source tool for building UI Design Systems with Vue.js

   No push in 3.5 years ago.MIT LicenseJavaScriptDesign systems2.2k

   Save
8. 8

   system-design-primer

   donnemartin/system-design-primer

   Learn how to design large-scale systems. Prep for the system design interview. Includes Anki flashcards.

   Pushed 2 months ago.OtherPythonDesign systems376.7k+882

   Save
9. 9

   open-design

   nexu-io/open-design

   🎨 Best DeepSeek Harness Design Plugin. The open-source Claude Design alternative. 🖥️ Local-first desktop app. 🖼️ Your coding agent becomes the design engine: prototypes, landing pages, dashboards, slides, images & video — real files, HTML/PDF/PPTX/MP4 export. 🤖 Claude Code / Codex / Cursor / DeepSeek Harness / OpenCode & 20+ CLIs via BYOK.

   Pushed yesterday.Apache License 2.0TypeScriptDesign systems105.7k+1.4k

   Save
10. 10

    material-ui

    mui/material-ui

    Material UI: Comprehensive React component library that implements Google's Material Design. Free forever.

    Pushed yesterday.MIT LicenseJavaScriptDesign systems99.3k+17

    Save
11. 11

    chakra-ui

    chakra-ui/chakra-ui

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

    Pushed yesterday.MIT LicenseTypeScriptDesign systems40.7k+3

    Save
12. 12

    arco-design

    arco-design/arco-design

    A comprehensive React UI components library based on Arco Design

    Pushed 23 days ago.MIT LicenseTypeScriptDesign systems5.8k+5

    Save
13. 13

    theme-ui

    system-ui/theme-uiSlowing

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

    Last push 5 months ago.MIT LicenseTypeScriptDesign systems5.4k

    Save
14. 14

    gluestack-ui

    gluestack/gluestack-ui

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

    Pushed 2 months ago.No license detectedTypeScriptDesign systems5.3k+12

    Save
15. 15

    ui-buttons

    youneslaaroussi/ui-buttonsDormant

    100 Modern CSS Buttons. Every style that you can imagine.

    No push in 4.3 years ago.MIT LicenseCSSDesign systems3.9k+3

    Save
16. 16

    vuestic-ui

    epicmaxco/vuestic-uiSlowing

    Vuestic UI is an open-source Vue 3 component library designed for rapid development, easy maintenance, and high accessibility. Maintained by Epicmax (@epicmaxco).

    Last push 6 months ago.MIT LicenseVueDesign systems3.7k+1

    Save
17. 17

    system-design-and-architecture

    puncsky/system-design-and-architecture

    Learn how to design large-scale systems. Prep for the system design interview.

    Pushed 3 days ago.No license detectedMakefileDesign systems3.6k+10

    Save
18. 18

    arco-design-vue

    arco-design/arco-design-vue

    A Vue.js 3 UI Library based on Arco Design

    Pushed 5 days ago.MIT LicenseTypeScriptDesign systems3.1k+6

    Save
19. 19

    storefront-ui

    vuestorefront/storefront-ui

    A frontend library for React and Vue that helps developers quickly build fast, accessible, and beautiful storefronts. Made with 💚 by Vue Storefront team and contributors.

    Pushed 14 days ago.MIT LicenseTypeScriptDesign systems2.8k+8

    Save
20. 20

    ui

    franken-ui/uiSlowing

    Franken UI is an HTML-first UI component library built on UIkit 3 and extended with LitElement, inspired by shadcn/ui.

    Last push 5 months ago.MIT LicenseTypeScriptDesign systems2.6k

    Save
21. 21

    lobe-ui

    lobehub/lobe-ui

    🍭 Lobe UI - an open-source UI component library for building AIGC web apps

    Pushed yesterday.MIT LicenseTypeScriptDesign systems2.2k+3

    Save
22. 22

    design-dna

    zanwei/design-dna

    Turn reference UIs (images, screenshots, URLs) into quantified Design DNA JSON—tokens, qualitative style, visual effects—then generate matching UI from your content.

    Pushed 2 months ago.MIT LicenseJavaScriptDesign systems2.1k+36

    Save
23. 23

    primitives

    radix-ui/primitives

    Radix Primitives is an open-source UI component library for building high-quality, accessible design systems and web apps. Maintained by @workos.

    Pushed 20 days ago.MIT LicenseTypeScriptDesign systems19.5k+30

    Save
24. 24

    css

    primer/css

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

    Pushed yesterday.MIT LicenseSCSSDesign systems13.1k+9

    Save
25. 25

    98.css

    jdan/98.cssDormant

    A design system for building faithful recreations of old UIs

    No push in over a year ago.MIT LicenseCSSDesign systems11.6k+19

    Save
26. 26

    carbon

    carbon-design-system/carbon

    A design system built by IBM

    Pushed yesterday.Apache License 2.0JavaScriptDesign systems9.6k+19

    Save
27. 27

    panda

    chakra-ui/panda

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

    Pushed yesterday.MIT LicenseTypeScriptDesign systems6.2k+7

    Save
28. 28

    skeleton

    skeletonlabs/skeleton

    Skeleton is an adaptive design system powered by Tailwind CSS.

    Pushed yesterday.MIT LicenseTypeScriptDesign systems6.1k+2

    Save
29. 29

    ark

    chakra-ui/ark

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

    Pushed yesterday.MIT LicenseTypeScriptDesign systems5.5k+10

    Save
30. 30

    zag

    chakra-ui/zag

    Build your design system in React, Solid, Vue, Svelte or Vanilla. Powered by finite state machines

    Pushed yesterday.MIT LicenseTypeScriptDesign systems5.2k+6

    Save
31. 31

    react

    primer/react

    An implementation of GitHub's Primer Design System using React

    Pushed yesterday.MIT LicenseTypeScriptDesign systems3.9k+6

    Save
32. 32

    system.css

    sakofchit/system.cssDormant

    A design system for building retro Apple interfaces

    No push in 2.9 years ago.MIT LicenseCSSDesign systems3.9k+10

    Save
33. 33

    dembrandt

    dembrandt/dembrandt

    Extract any website’s design system into tokens in seconds: logo, colors, typography, borders & more. One command.

    Pushed 3 days ago.MIT LicenseTypeScriptDesign systems3.9k+64

    Save
34. 34

    carbon-components-svelte

    carbon-design-system/carbon-components-svelte

    Svelte implementation of the Carbon Design System

    Pushed yesterday.Apache License 2.0TypeScriptDesign systems2.9k+2

    Save
35. 35

    vuesion

    vuesion/vuesion

    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.

    Pushed 12 days ago.MIT LicenseVueDesign systems2.9k+2

    Save
36. 36

    components

    cloudscape-design/components

    React components for Cloudscape Design System

    Pushed yesterday.Apache License 2.0TypeScriptDesign systems2.7k+2

    Save
37. 37

    reshaped

    reshaped-ui/reshaped

    Reshaped provides accessible React and Figma components for building beautiful products or starting your own design system

    Pushed 5 days ago.MIT LicenseTypeScriptDesign systems2.3k+1

    Save
38. 38

    community-group

    design-tokens/community-group

    This is the official DTCG repository for the design tokens site and specification.

    Pushed 2 days ago.OtherHTMLDesign systems2.2k+7

    Save
39. 39

    kobalte

    kobaltedev/kobalte

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

    Pushed 6 days ago.MIT LicenseTypeScriptDesign systems1.9k+2

    Save
40. 40

    atomize

    proksh/atomizeDormant

    Design System for developers build on styled-components & React JS.

    No push in 2.8 years ago.OtherJavaScriptDesign systems1.8k

    Save

Showing the top 40 of 84. Search the full catalog.