Revolutionize your code reviews with AI. CodeRabbit offers PR summaries, code walkthroughs, 1-click suggestions, and AST-based analysis. Boost productivity and code quality across all major languages with each PR. Learn more โ
Top 14 JavaScript design-system Projects
-
-
Nutrient
Nutrient โ The #1 PDF SDK Library, trusted by 10K+ developers. Other PDF SDKs promise a lot - then break. Laggy scrolling, poor mobile UX, tons of bugs, and lack of support cost you endless frustrations. Nutrientโs SDK handles billion-page workloads - so you donโt have to debug PDFs. Used by ~1 billion end users in more than 150 different countries.
-
TW-Elements
๐๐ช๐๐ collection of Tailwind MIT licensed (free) components, sections and templates ๐
3. Tailwind Elements A free collection of essential elements and components designed with Tailwind for modern websites. Tailwind Elements:
-
Project mention: 30+ CSS libraries and frameworks help you style your applications efficiently. | dev.to | 2024-08-12
Evergreen Evergreen is a React UI framework for building ambitious products on the web. It includes a range of polished, flexible components and follows best practices in accessibility and design.
-
-
-
-
fractal
A tool to help you build and document website component libraries and design systems. (by frctl)
-
CodeRabbit
CodeRabbit: AI Code Reviews for Developers. Revolutionize your code reviews with AI. CodeRabbit offers PR summaries, code walkthroughs, 1-click suggestions, and AST-based analysis. Boost productivity and code quality across all major languages with each PR.
-
-
-
-
web-components
A set of high-quality standards based web components for enterprise web applications. Part of Vaadin 20+
-
-
-
-
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-systems discussion
JavaScript design-systems related posts
-
Open-Source Components for TailwindCSS
-
A love letter to Apache Echarts
-
I built a free Tailwind UI library with Nextjs 13 and made it open source.
-
Eleventy Style Guide Generator with WebC Component Support
-
A STEP BY STEP GUIDE TO CREATING A FULL STACK WEB APP USING NEXT JS AND SUPABASE ๐๐๐ฅ..
-
Tailwind CSS vs Float UI: which one is the best in 2023?
-
Top resources for Tailwind CSS for 2023
-
A note from our sponsor - CodeRabbit
coderabbit.ai | 15 Mar 2025
Index
What are some of the best open-source design-system projects in JavaScript? This list will help you:
| # | Project | Stars |
|---|---|---|
| 1 | Awesome-Design-Tools | 35,215 |
| 2 | TW-Elements | 12,991 |
| 3 | evergreen | 12,395 |
| 4 | styled-system | 7,874 |
| 5 | style-dictionary | 4,080 |
| 6 | vue-design-system | 2,184 |
| 7 | fractal | 2,112 |
| 8 | theo | 1,974 |
| 9 | design-system-react | 943 |
| 10 | webDevsCom | 712 |
| 11 | web-components | 496 |
| 12 | awesome-ux-design-styles | 85 |
| 13 | design-tokens | 80 |
| 14 | copy-paste-css | 37 |
Sponsored
Nutrient โ The #1 PDF SDK Library, trusted by 10K+ developers
Other PDF SDKs promise a lot - then break. Laggy scrolling, poor mobile UX, tons of bugs, and lack of support cost you endless frustrations. Nutrientโs SDK handles billion-page workloads - so you donโt have to debug PDFs. Used by ~1 billion end users in more than 150 different countries.
www.nutrient.io