JavaScript design-system

Open-source JavaScript projects categorized as design-system

Top 21 JavaScript design-system Projects

design-system
  1. flowbite

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

    Project mention: Cut the Crap: Ship Better-Looking Websites (Fast) | dev.to | 2025-05-03

    Other Tailwind Libraries: If the Shadcn approach isn't your jam, there are libraries like Flowbite or DaisyUI. They offer ready-made components styled with Tailwind, often installed as dependencies. Providing similar speed benefits for common patterns.

  2. InfluxDB

    InfluxDB – Built for High-Performance Time Series Workloads. InfluxDB 3 OSS is now GA. Transform, enrich, and act on time series data directly in the database. Automate critical tasks and eliminate the need to move data externally. Download now.

    InfluxDB logo
  3. grommet

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

  4. rebass

    :atom_symbol: React primitive UI components built with styled-system.

  5. vue-design-system

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

  6. atomize

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

  7. shards-dashboard-react

    ⚛️A free and beautiful React admin dashboard template pack.

    Project mention: Best Open-Source React Dashboards on GitHub | dev.to | 2024-09-30

    Get it here - Shards React Dashboard — GitHub

  8. accessible-autocomplete

    An autocomplete component, built to be accessible.

    Project mention: Accessible Autocomplete | news.ycombinator.com | 2024-09-12
  9. SaaSHub

    SaaSHub - Software Alternatives and Reviews. SaaSHub helps you find the best software and product alternatives

    SaaSHub logo
  10. layer5

    Layer5, expect more from your infrastructure

  11. shards-react

    ⚛️A beautiful and modern React design system.

  12. pivotal-ui-react

    Pivotal's design system & component library

  13. web-components

    A set of high-quality standards based web components for enterprise web applications. Part of Vaadin 20+

  14. uiengine

    Workbench for UI-driven development

  15. expo-disneyplus

    Disney+ UI Clone with React Native & Expo

  16. dsfr

    🇫🇷 Official french government's design system (Système de Design de l'État)

    Project mention: Show HN: Gov.uk Vue, a Vue Component Library for the Gov.uk Design System | news.ycombinator.com | 2024-09-02

    Very interesting. France government is providing a design system as well https://www.systeme-de-design.gouv.fr/

  17. a11y-color-tokens

    Generate accessible UI colors from your base color tokens.

  18. design-system

    Hack Club's (old) design system (by hackclub)

  19. ui

    Talend's unified web UI repository. (by Talend)

  20. farbvelo

    "Random" color palette generator, cycles

    Project mention: Show HN: A color name API that maps hex to the closest human-readable name | news.ycombinator.com | 2025-06-19

    Oh I mostly use it for my own apps – it just feels more human-readable than hex codes. But yeah, you're right, I should add some example use cases to the readme!

    Like here:

    https://farbvelo.elastiq.ch/ or https://meodai.github.io/poline/

    Thanks a lot for the feedback, I really appreciate it!

  21. uinix-ui

    A minimal framework-agnostic and configurable UI system to build UI systems. Your system your rules 🤘.

  22. blox

    Component library framework for creating UI building blocks

  23. destamatic-ui

    A lightweight material component library powered by destam and destam-dom.

    Project mention: The problem with React and MUI | dev.to | 2025-06-09

    destamatic-ui

  24. SaaSHub

    SaaSHub - Software Alternatives and Reviews. SaaSHub helps you find the best software and product alternatives

    SaaSHub logo
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).

JavaScript design-system discussion

Log in or Post with

JavaScript design-system related posts

  • Cut the Crap: Ship Better-Looking Websites (Fast)

    5 projects | dev.to | 3 May 2025
  • Payment form components coded with Tailwind CSS and Flowbite

    1 project | dev.to | 22 May 2024
  • How to use Tailwind with any CSS framework

    5 projects | dev.to | 17 Apr 2024
  • Tailwind CSS product overview components built for E-commerce websites

    1 project | dev.to | 16 Apr 2024
  • Flowbite: Pure CSS components for websites and apps built using Tailwind

    1 project | news.ycombinator.com | 13 Jan 2024
  • Has anyone tried flowbite vue (not regular flowbite)

    1 project | /r/vuejs | 10 Dec 2023
  • I built a collection of chat bubble components with Tailwind CSS [MIT License]

    1 project | /r/tailwindcss | 8 Dec 2023
  • A note from our sponsor - SaaSHub
    www.saashub.com | 23 Jun 2025
    SaaSHub helps you find the best software and product alternatives Learn more →

Index

What are some of the best open-source design-system projects in JavaScript? This list will help you:

# Project Stars
1 flowbite 8,647
2 grommet 8,366
3 rebass 7,939
4 vue-design-system 2,193
5 atomize 1,765
6 shards-dashboard-react 1,721
7 accessible-autocomplete 945
8 layer5 924
9 shards-react 764
10 pivotal-ui-react 640
11 web-components 518
12 uiengine 369
13 expo-disneyplus 309
14 dsfr 285
15 a11y-color-tokens 160
16 design-system 157
17 ui 154
18 farbvelo 78
19 uinix-ui 20
20 blox 5
21 destamatic-ui 3

Sponsored
InfluxDB – Built for High-Performance Time Series Workloads
InfluxDB 3 OSS is now GA. Transform, enrich, and act on time series data directly in the database. Automate critical tasks and eliminate the need to move data externally. Download now.
www.influxdata.com

Did you know that JavaScript is
the 3rd most popular programming language
based on number of references?