SaaSHub helps you find the best software and product alternatives Learn more →
Top 21 JavaScript design-system Projects
-
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.
-
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.
-
grommet
a react-based framework that provides accessibility, modularity, responsiveness, and theming in a tidy package
-
-
-
-
Get it here - Shards React Dashboard — GitHub
-
-
SaaSHub
SaaSHub - Software Alternatives and Reviews. SaaSHub helps you find the best software and product alternatives
-
-
-
-
web-components
A set of high-quality standards based web components for enterprise web applications. Part of Vaadin 20+
-
-
-
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/
-
-
-
-
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!
-
uinix-ui
A minimal framework-agnostic and configurable UI system to build UI systems. Your system your rules 🤘.
-
-
destamatic-ui
-
SaaSHub
SaaSHub - Software Alternatives and Reviews. SaaSHub helps you find the best software and product alternatives
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
JavaScript design-system related posts
-
Cut the Crap: Ship Better-Looking Websites (Fast)
-
Payment form components coded with Tailwind CSS and Flowbite
-
How to use Tailwind with any CSS framework
-
Tailwind CSS product overview components built for E-commerce websites
-
Flowbite: Pure CSS components for websites and apps built using Tailwind
-
Has anyone tried flowbite vue (not regular flowbite)
-
I built a collection of chat bubble components with Tailwind CSS [MIT License]
-
A note from our sponsor - SaaSHub
www.saashub.com | 23 Jun 2025
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