Top 12 JavaScript design-system Projects

Awesome-Design-Tools

1 12 37,255 0.0 JavaScript

The best design tools and plugins for everything 👉
Sevalla

sevalla.com featured

Deploy and host your apps and databases, now with $50 credit! Sevalla is the PaaS you have been looking for! Advanced deployment pipelines, usage-based pricing, preview apps, templates, human support by developers, and much more!
TW-Elements

2 47 13,055 9.1 JavaScript

𝙃𝙪𝙜𝙚 collection of Tailwind MIT licensed (free) components, sections and templates 😎

Project mention: Ultimate UI and Development Resource Guide for 2024 🚀 | dev.to | 2024-09-05

3. Tailwind Elements A free collection of essential elements and components designed with Tailwind for modern websites. Tailwind Elements:
evergreen

3 18 12,401 2.4 JavaScript

🌲 Evergreen React UI Framework by Segment
styled-system

4 34 7,871 0.0 JavaScript

⬢ Style props for rapid UI development

Project mention: Rethinking CSS in JS | dev.to | 2024-09-12
style-dictionary

5 5 4,311 8.6 JavaScript

A build system for creating cross-platform styles.
vue-design-system

6 2 2,196 0.0 JavaScript

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

7 1 2,118 0.0 JavaScript

A tool to help you build and document website component libraries and design systems. (by frctl)
InfluxDB

www.influxdata.com featured

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.
design-system-react

8 3 957 5.3 JavaScript

Salesforce Lightning Design System for React
webDevsCom

9 2 718 0.0 JavaScript

:heart_eyes: All kinds of resources for Developers :trident: in one place.
web-components

10 4 529 9.9 JavaScript

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

11 1 93 0.0 JavaScript

Curated list of UX styleguides and design systems
copy-paste-css

12 6 38 3.9 JavaScript

Find inspiration with a list of simple CSS elements for your next project!

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

1 project | news.ycombinator.com | 7 May 2024
A love letter to Apache Echarts

6 projects | news.ycombinator.com | 18 Feb 2024
I built a free Tailwind UI library with Nextjs 13 and made it open source.

2 projects | /r/nextjs | 27 Nov 2023
Eleventy Style Guide Generator with WebC Component Support

5 projects | dev.to | 4 Aug 2023
A STEP BY STEP GUIDE TO CREATING A FULL STACK WEB APP USING NEXT JS AND SUPABASE 🙌🙌💥..

2 projects | dev.to | 9 Jul 2023
Tailwind CSS vs Float UI: which one is the best in 2023?

1 project | dev.to | 24 Jun 2023
Top resources for Tailwind CSS for 2023

4 projects | dev.to | 21 Jun 2023
A note from our sponsor - InfluxDB
www.influxdata.com | 1 Sep 2025

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. Learn more →

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	37,255
2	TW-Elements	13,055
3	evergreen	12,401
4	styled-system	7,871
5	style-dictionary	4,311
6	vue-design-system	2,196
7	fractal	2,118
8	design-system-react	957
9	webDevsCom	718
10	web-components	529
11	awesome-ux-design-styles	93
12	copy-paste-css	38