Design

Top 23 Design Open-Source Projects

  1. system-design-primer

    Learn how to design large-scale systems. Prep for the system design interview. Includes Anki flashcards.

    Project mention: Complete Roadmap to Learn System Design for Beginners | dev.to | 2025-01-18

    System Design Primer (GitHub)

  2. 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.

    CodeRabbit logo
  3. Bulma

    Modern CSS framework based on Flexbox

    Project mention: TypeScript/React/Vue Window Layout Manager (Tabs, Floating, Popouts) | news.ycombinator.com | 2025-01-11
  4. Materialize

    Materialize, a CSS Framework based on Material Design

    Project mention: Top 5 Best CSS Frameworks for Responsive Web Design in 2024 | dev.to | 2024-09-26

    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.

  5. tldraw

    whiteboard SDK / infinite canvas SDK

    Project mention: Tldraw Computer | news.ycombinator.com | 2024-12-20
  6. penpot

    Penpot: The open-source design tool for design and code collaboration

    Project mention: Top FP technologies | dev.to | 2024-10-29

    penpot

  7. Awesome-Design-Tools

    The best design tools and plugins for everything πŸ‘‰

  8. Nextcloud

    ☁️ Nextcloud server, a safe home for all your data

    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/

  9. SaaSHub

    SaaSHub - Software Alternatives and Reviews. SaaSHub helps you find the best software and product alternatives

    SaaSHub logo
  10. 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-12

    This 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

  11. 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 β€”

    Project mention: Rant: state of generative AI in code generation. | dev.to | 2025-02-05

    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.

  12. simple-icons

    SVG icons for popular brands

    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

  13. @blueprintjs/core

    A React-based UI toolkit for the web

    Project mention: Top 23 React UI Component Libraries for Your Next ProjectπŸš€ | dev.to | 2024-05-30

    5. Blueprint

  14. Mo.js

    The motion graphics toolbelt for the web

    Project mention: Animation Library You Can Use for your Web Apps | dev.to | 2025-01-14

    MoJS

  15. inter

    The Inter font family

    Project mention: Atkinson Hyperlegible Font | news.ycombinator.com | 2024-09-17

    Fonts can still have source code. See this, for example:

    https://github.com/rsms/inter

  16. awesome-design

    🌟 Curated design resources from all over the world.

    Project mention: Top 20 Awesome on Github | dev.to | 2024-06-12

    15. Awesome Design

  17. MaterialDesignInXamlToolkit

    Google's Material Design in XAML & WPF, for C# & VB.Net.

  18. magictools

    :video_game: :pencil: A list of Game Development resources to make magic happen.

  19. ml-visuals

    🎨 ML Visuals contains figures and templates which you can reuse and customize to improve your scientific writing.

  20. screenity

    The free and privacy-friendly screen recorder with no limits πŸŽ₯

    Project mention: ⚑️ 15 Essential tools and resources for Frontend developers | dev.to | 2024-11-07

    ⭐️ Get Screenity

  21. awesome-creative-coding

    Creative Coding: Generative Art, Data visualization, Interaction Design, Resources.

    Project mention: What Is Generative Art? | news.ycombinator.com | 2024-05-20

    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

  22. Material

    A UI/UX framework for creating beautiful applications. (by CosmicMind)

    Project mention: Material VS Material Components - a user suggested alternative | libhunt.com/r/CosmicMind/Material | 2024-10-08
  23. tachyons

    Functional css for humans

    Project mention: Atomic CSS Deep Dive | dev.to | 2024-08-09

    But in this example we will take a preset with Tachyons, a once popular library. But here the naming is even more deplorable:

  24. plex

    The package of IBM’s typeface, IBM Plex.

    Project mention: The Monospace Web | news.ycombinator.com | 2024-08-27

    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

  25. Graphite

    2D vector & raster editor that melds traditional layers & tools with a modern node-based, non-destructive, procedural workflow.

    Project mention: Shaderblocks: Block-Based Image Editing | news.ycombinator.com | 2024-11-09

    https://graphite.rs/ (still early in development) offers node-based editing.

  26. SaaSHub

    SaaSHub - Software Alternatives and Reviews. SaaSHub helps you find the best software and product alternatives

    SaaSHub logo
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).

Design discussion

Log in or Post with

Design related posts

  • SRCL: Open-source React project to build web apps with terminal aesthetics

    2 projects | news.ycombinator.com | 20 Jan 2025
  • 22 Unique Developer Resources You Should Explore

    8 projects | dev.to | 17 Jan 2025
  • Relax while watching bouncing particles making connections when they get closer

    3 projects | news.ycombinator.com | 9 Jan 2025
  • Best JavaScript Frameworks 2025, Next.js vs Laravel, new developer tools and more

    1 project | dev.to | 5 Jan 2025
  • Show HN: Mizu.js – Bringing back simplicity in web apps creation

    8 projects | news.ycombinator.com | 19 Dec 2024
  • Cofounder

    1 project | news.ycombinator.com | 5 Nov 2024
  • Discovery: Screenity - A powerful open-source screen capture tool

    1 project | dev.to | 4 Nov 2024
  • A note from our sponsor - SaaSHub
    www.saashub.com | 10 Feb 2025
    SaaSHub helps you find the best software and product alternatives Learn more β†’

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

Sponsored
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.
coderabbit.ai

Did you know that JavaScript is
the 3rd most popular programming language
based on number of references?