SaaSHub helps you find the best software and product alternatives Learn more →
Top 23 JavaScript Design Projects
-
-
SaaSHub
SaaSHub - Software Alternatives and Reviews. SaaSHub helps you find the best software and product alternatives
-
Materialize - Responsive front-end framework based on Material Design
-
Project mention: How I Designed a Content Distribution Pipeline — 9 Content Types, 20+ Platforms, One Interactive Diagram | dev.to | 2026-03-05
I was loading platform SVGs from Simple Icons via CDN — LinkedIn, Medium, Dev.to, YouTube, etc. Some rendered fine. Some didn't. Some loaded on Chrome but not Firefox. Some showed as blank squares.
-
p5.js
p5.js is a client-side JS platform that empowers artists, designers, students, and anyone to learn to code and express themselves creatively on the web. It is based on the core principles of Processing. Looking for p5.js 2.0? http://beta.p5js.org
P5.js is pretty great.
I used it create art, basically taking animal photos and using the dna sequence from that animal to recreate the photo using the 4 letters. (I did four passes using different size letters and layered in Gimp). People seem to like them, and they got into an art:science show.
https://p5js.org/
Coding train has a lot of videos on using p5.js
-
-
Thanks for sharing this as well! I will mention that repo of classless CSS projects.
I also mentioned that using one of these is a viable alternative to writing your own. I included a link to this repo there: https://github.com/swyxio/spark-joy/blob/master/README.md#dr...
I want this guide page to also explain the decisions behind CSS for styling markdown as well though. I'm hoping to help people be able to write their own CSS, or at least become better at evaluating existing projects.
-
material-design-for-bootstrap
Important! A new UI Kit version for Bootstrap 5 is available. Access the latest free version via the link below.
-
Hello HN. I want to share something I’ve been thinking about for a while now. I’m stepping away from Nue development (https://github.com/nuejs/nue, https://nuejs.org) to work on something new. This wasn’t an easy call, but I think it’s the right one. Here’s why.
### The ecosystem chose React and Tailwind
-
-
cursor-talk-to-figma-mcp
TalkToFigma: MCP integration between AI Agent (Cursor, Claude Code) and Figma, allowing Agentic AI to communicate with Figma for reading designs and modifying them programmatically.
MCP Cursor Talk To Figma - a bit more demanding to set up (you need to set up a local server following the instructions and run the "Cursor Talk To Figma" plugin in Figma; works even without Dev Mode access).
-
-
-
-
Silex
Silex is an online tool for visually creating static sites with dynamic data. With the free/libre spirit of internet, together. (by silexlabs)
-
-
dembrandt
Extract any website’s design system into tokens in seconds: logo, colors, typography, borders & more. One command.
On the tools front: ExposedByDefault reveals everything your browser hands out automatically (eye-opening privacy check!), Remend auto-closes broken markdown mid-stream (essential for AI content generation), Walrus delivers 1.2M writes/sec on consumer hardware as the Rust-powered Kafka alternative, and Dembrandt extracts any site's design tokens with one npx command—logo, colors, typography, the works!
-
-
-
concise.css
A CSS framework that's lightweight and easy-to-use. Give up the bloat. Stop tripping over your classes. Be Concise.
-
There is in fact an effort to make a desktop application!
Source (& releases): https://github.com/author-more/penpot-desktop
Topic on penpot forum: https://community.penpot.app/t/penpot-desktop-road-to-1-0/72...
-
-
-
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 discussion
JavaScript Design related posts
-
pgAssistant 2.8 — Deterministic PostgreSQL Analysis with the new Global Advisor
-
The End of Nue Framework
-
Show HN: Stitch-MCP, a universal MCP server for Google Stitch
-
Map To Poster – Create Art of your favourite city
-
A visualization of the RGB space covered by named colors
-
Show HN: CSS generator for a high-def glass effect
-
Show HN: A color name API that maps hex to the closest human-readable name
-
A note from our sponsor - SaaSHub
www.saashub.com | 8 Jun 2026
Index
What are some of the best open-source Design projects in JavaScript? This list will help you:
| # | Project | Stars |
|---|---|---|
| 1 | Awesome-Design-Tools | 39,721 |
| 2 | Materialize | 38,868 |
| 3 | simple-icons | 25,177 |
| 4 | p5.js | 23,723 |
| 5 | screenity | 18,289 |
| 6 | spark-joy | 9,762 |
| 7 | material-design-for-bootstrap | 9,261 |
| 8 | nue | 8,825 |
| 9 | web-skills | 7,507 |
| 10 | cursor-talk-to-figma-mcp | 6,811 |
| 11 | ant-design-landing | 6,502 |
| 12 | WebSlides | 6,314 |
| 13 | Blotter | 3,076 |
| 14 | Silex | 2,806 |
| 15 | chatgpt.js | 2,036 |
| 16 | dembrandt | 1,908 |
| 17 | vscode-icons | 1,784 |
| 18 | atomize | 1,768 |
| 19 | concise.css | 934 |
| 20 | penpot-desktop | 893 |
| 21 | webDevsCom | 720 |
| 22 | a17t | 504 |
| 23 | q5.js | 413 |
Sponsored
SaaSHub - Software Alternatives and Reviews
SaaSHub helps you find the best software and product alternatives
www.saashub.com