SaaSHub helps you find the best software and product alternatives Learn more β
Top 23 Design Open-Source Projects
-
system-design-primer
Learn how to design large-scale systems. Prep for the system design interview. Includes Anki flashcards.
System Design Primer (GitHub)
-
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.
-
Project mention: TypeScript/React/Vue Window Layout Manager (Tabs, Floating, Popouts) | news.ycombinator.com | 2025-01-11
-
Materialize is a modern CSS framework based on Googleβs Material Design. It was created and designed by Google to provide a unified and consistent user interface across all its products. Materialize is focused on user experience as it integrates animations and components to provide feedback to users.
-
-
penpot
-
-
Project mention: Lessons in creating family photos that people want to keep (2018) | news.ycombinator.com | 2025-01-26
https://lycheeorg.dev/
There are things I really like, e.g. that you can restrict access per user.
But there's no comment/chat/discussion facility, so you cannot easily get feedback on your photos.
There's also NextCloud, but I think the solutions there are a bit more rudimentary. However, if you already use NextCloud (or a similar solution like a CMS for example), you could look for a plugin. https://nextcloud.com/
-
SaaSHub
SaaSHub - Software Alternatives and Reviews. SaaSHub helps you find the best software and product alternatives
-
chatwoot
Open-source live-chat, email support, omni-channel desk. An alternative to Intercom, Zendesk, Salesforce Service Cloud etc. π₯π¬
Project mention: Show HN: Jelly β A Simpler Shared Inbox for Small Teams | news.ycombinator.com | 2024-11-12This is one of those tools that do one thing and do it very well. Also the pricing is convenient. Congratulations to the creators.
If you want to go the open source + self hosted route, Chatwoot [1][2] may be for you. It is more feature rich (or bloated, depending what you need) and complex to set up, defined as "Open-source live-chat, email support, omni-channel desk. An alternative to Intercom, Zendesk, Salesforce Service Cloud etc.", and it has a shared inbox feature [3].
[1] Website: https://www.chatwoot.com/
[2] Github: https://github.com/chatwoot/chatwoot
[3] https://www.chatwoot.com/features/shared-inbox
-
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. http://twitter.com/p5xjs β
In my experience with AI code generation, in visual projects like UI development or JavaScript based animation (using three.js or p5.js) etc. AI tools work pretty well.
-
Project mention: My Hacktoberfest Journey: From First Pull Request to the Hall of Fame | dev.to | 2024-11-03
ThesllaDev posted on Oct 19, 2024
-
Project mention: Top 23 React UI Component Libraries for Your Next Projectπ | dev.to | 2024-05-30
5. Blueprint
-
MoJS
-
Fonts can still have source code. See this, for example:
https://github.com/rsms/inter
-
15. Awesome Design
-
-
-
ml-visuals
π¨ ML Visuals contains figures and templates which you can reuse and customize to improve your scientific writing.
-
Project mention: β‘οΈ 15 Essential tools and resources for Frontend developers | dev.to | 2024-11-07
βοΈ Get Screenity
-
awesome-creative-coding
Creative Coding: Generative Art, Data visualization, Interaction Design, Resources.
There is a bunch of related "awesome lists" on github.
https://github.com/terkelg/awesome-creative-coding
https://github.com/kosmos/awesome-generative-art
https://github.com/cdr6934/awesome-generative-books
-
Project mention: Material VS Material Components - a user suggested alternative | libhunt.com/r/CosmicMind/Material | 2024-10-08
-
But in this example we will take a preset with Tachyons, a once popular library. But here the naming is even more deplorable:
-
IBM Plex Mono is pretty good, with a reasonable license. It's on Google Fonts, and the repo is here: https://github.com/IBM/plex
-
Graphite
2D vector & raster editor that melds traditional layers & tools with a modern node-based, non-destructive, procedural workflow.
https://graphite.rs/ (still early in development) offers node-based editing.
-
SaaSHub
SaaSHub - Software Alternatives and Reviews. SaaSHub helps you find the best software and product alternatives
Design discussion
Design related posts
-
SRCL: Open-source React project to build web apps with terminal aesthetics
-
22 Unique Developer Resources You Should Explore
-
Relax while watching bouncing particles making connections when they get closer
-
Best JavaScript Frameworks 2025, Next.js vs Laravel, new developer tools and more
-
Show HN: Mizu.js β Bringing back simplicity in web apps creation
-
Cofounder
-
Discovery: Screenity - A powerful open-source screen capture tool
-
A note from our sponsor - SaaSHub
www.saashub.com | 10 Feb 2025
Index
What are some of the best open-source Design projects? This list will help you:
# | Project | Stars |
---|---|---|
1 | system-design-primer | 288,671 |
2 | Bulma | 49,537 |
3 | Materialize | 38,856 |
4 | tldraw | 38,726 |
5 | penpot | 36,233 |
6 | Awesome-Design-Tools | 34,825 |
7 | Nextcloud | 28,524 |
8 | chatwoot | 22,227 |
9 | p5.js | 22,047 |
10 | simple-icons | 21,836 |
11 | @blueprintjs/core | 20,859 |
12 | Mo.js | 18,566 |
13 | inter | 18,158 |
14 | awesome-design | 15,806 |
15 | MaterialDesignInXamlToolkit | 15,367 |
16 | magictools | 14,001 |
17 | ml-visuals | 14,154 |
18 | screenity | 13,531 |
19 | awesome-creative-coding | 13,217 |
20 | Material | 11,986 |
21 | tachyons | 11,649 |
22 | plex | 10,437 |
23 | Graphite | 10,365 |