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.

    Project mention: 10 GitHub repositories that every developer must follow | | 2024-02-21

    ✅ donnemartin/system-design-primer:

  • Bulma

    Modern CSS framework based on Flexbox

    Project mention: Arqueología Tech: Roleplay un juego de cartas hecho en Visual Basic 6 | | 2024-02-21
  • InfluxDB

    Power Real-Time Data Analytics at Scale. Get real-time insights from all types of time series data with InfluxDB. Ingest, query, and analyze billions of data points in real-time with unbounded cardinality.

  • Materialize

    Materialize, a CSS Framework based on Material Design

    Project mention: Roadmap to being a Full Stack Web Developer | | 2023-08-11

    Materialize CSS

  • Awesome-Design-Tools

    The best design tools and plugins for everything 👉

    Project mention: Suggestions for new Awesome Design Tools | /r/DigitalArt | 2023-04-12

    I'm a big fan of curated lists and resources, and a great example of that is GitHub's awesome lists but I've noticed there seems to be a lack of any art focused that isn't specific to one software (such as Awesome Blender) or that are actively maintained, the closest being, which, although still quite helpful today, hasn't been updated in 3 or 4 years since Flawless Apps joined the Abstract team, so contains many broken links and there are plenty of new and useful options that aren't there. So I'm going to remake it over the next weekend and keep it regularly updated so any help with finding links to software, plugins, hardware, websites, learning materials and anything else you think might be relevant, any help would be greatly appreciated.

  • penpot

    Penpot - The Open-Source design & prototyping platform

    Project mention: What Design Tool Should I Use? | | 2024-02-17

    Website • Getting Started • User Guide • Tutorials & Info • Community • Twitter • Instagram • Mastodon • Youtube

  • Nextcloud

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

    Project mention: OpenBSD Upgrade 7.3 to 7.4 | | 2024-02-16

    See Configuration and syntax changes and Special packages. The latter this time includes changes around NextCloud 23 and Tor Browser prior to 12.5, both of which should be upgraded beforehand.

  • 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. —

    Project mention: Coming Home From the South Pole | | 2024-01-10

    Learn 300+ open source libraries for free using AI. LearnThisRepo lets you learn 300+ open source repos including Postgres, Langchain, VS Code, and more by chatting with them using AI!

  • @blueprintjs/core

    A React-based UI toolkit for the web

    Project mention: An Overview of 25+ UI Component Libraries in 2023 | | 2023-09-10

    Blueprint : A collection of components for building data-intensive interfaces for desktops. It specifically states that it is not designed to work for mobile. It is most likely better for building internal tools, dashboards, and Electron apps. Blueprint is one of the few libs in this list that has a Date Picker component.

  • Mo.js

    The motion graphics toolbelt for the web

    Project mention: 10 Best Javascript Animation Libraries 🎉 | | 2023-10-22

  • chatwoot

    Open-source live-chat, email support, omni-channel desk. An alternative to Intercom, Zendesk, Salesforce Service Cloud etc. 🔥💬

    Project mention: 10 open-source alternatives to run your businesses | | 2023-03-28

    3. Chatwoot - 14.8K ⭐️

  • simple-icons

    SVG icons for popular brands

    Project mention: oImprove your profile with these amazing badges 🚀 | | 2024-02-06

    It's only possible because of Shields Project, Simple Icons & beloved all Contributors. We do respect & love our all contributors.

  • inter

    The Inter font family

    Project mention: Inter Is the New Helvetica | | 2024-02-04

    I couldn't agree more. I've been using it as my go-to font for web development (which is its exact design purpose) for years. Nothing looks bad in Inter[0]. It's an easy win.

    The best features for web dev are great readability across its variety of weights (0-900 in CSS) from a single font file, along with a huge set of glyphs, ligatures, special numbers, etc. if you want them.


  • awesome-design

    🌟 Curated design resources from all over the world.

  • MaterialDesignInXamlToolkit

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

  • magictools

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

  • awesome-creative-coding

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

  • Material

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

  • tachyons

    Functional css for humans

    Project mention: Kicking the tires with NestJS and Hotwire: Part II | | 2023-11-15

    I chose Tachyons over Tailwind because Tachyons is an atomic CSS framework, similar to Tailwind, however it's much lighter weight. Tailwind tends to be a bit heavier without using post CSS processing so I wanted to stick with something smaller.

  • ml-visuals

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

    Project mention: Programs to create model architectures schemes | /r/learnmachinelearning | 2023-05-31
  • Milligram

    A minimalist CSS framework.

    Project mention: Concrete.css | | 2024-02-08

    I had been using similar projects such as skeleton[0] and milligram[1] for small experiments such as repfl[2], and wanted to create something similar that I would find aesthetically pleasing and that would fit in as little space as possible. The current version of concrete.css is less than 1kb minzipped!




  • material-design-for-bootstrap

    Important! A new UI Kit version for Bootstrap 5 is available. Access the latest free version via the link below.

  • screenity

    The free and privacy-friendly screen recorder with no limits 🎥

    Project mention: Free and privacy-friendly screen recorder with no limits | | 2024-01-10
  • plex

    The package of IBM’s typeface, IBM Plex.

    Project mention: Intel One Mono Typeface | | 2023-05-12

    IBM arguably did one better with their IBM Plex typeface, released with much marketing fan fare a couple years ago:

    Are there any notable examples of AI-generated mono-spaced programmer fonts?

  • WorkOS

    The modern API for authentication & user identity. The APIs are flexible and easy-to-use, supporting authentication, user identity, and complex enterprise features like SSO and SCIM provisioning.

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). The latest post mention was on 2024-02-21.

Design related posts


What are some of the best open-source Design projects? This list will help you:

Project Stars
1 system-design-primer 246,865
2 Bulma 47,937
3 Materialize 38,860
4 Awesome-Design-Tools 31,190
5 penpot 25,655
6 Nextcloud 25,082
7 p5.js 20,648
8 @blueprintjs/core 20,295
9 Mo.js 18,209
10 chatwoot 17,941
11 simple-icons 17,592
12 inter 16,766
13 awesome-design 15,092
14 MaterialDesignInXamlToolkit 14,397
15 magictools 12,605
16 awesome-creative-coding 11,969
17 Material 11,968
18 tachyons 11,547
19 ml-visuals 11,093
20 Milligram 10,144
21 material-design-for-bootstrap 9,389
22 screenity 9,187
23 plex 9,174
The modern API for authentication & user identity.
The APIs are flexible and easy-to-use, supporting authentication, user identity, and complex enterprise features like SSO and SCIM provisioning.