Design

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 | dev.to | 2024-02-21

    ✅ donnemartin/system-design-primer: https://github.com/donnemartin/system-design-primer

  • Bulma

    Modern CSS framework based on Flexbox

  • Project mention: How to use Tailwind with any CSS framework | dev.to | 2024-04-17

    Tailwind is great, but creating everything from scratch is annoying. A nice base of components which can be extended with tailwind would be great. There are a few tailwind frameworks like Flowbite, Daisy Ui, but I like Bulma, PicoCSS and Bootstrap.

  • SurveyJS

    Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App. With SurveyJS form UI libraries, you can build and style forms in a fully-integrated drag & drop form builder, render them in your JS app, and store form submission data in any backend, inc. PHP, ASP.NET Core, and Node.js.

    SurveyJS logo
  • Materialize

    Materialize, a CSS Framework based on Material Design

  • Project mention: Front-end Framework: Comparing Bootstrap, Foundation and Materialize | dev.to | 2024-04-16

    Materialize was created by a team of developers at Google, inspired by the principles of Material Design. Material Design is a design language developed by Google that emphasizes tactile surfaces, realistic lighting, and bold, graphic interfaces. Materialize aims to bring these principles to web development by providing a framework with ready-to-use components and styles based on Material Design.

  • Awesome-Design-Tools

    The best design tools and plugins for everything 👉

  • penpot

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

  • Project mention: Penpot 2.0 Released | news.ycombinator.com | 2024-04-09

    Really neat. I was mainly curious to know when they are planning to release the self hosted docker versions of Penpot 2.0. Looks like its coming in the next couple days hopefully [1].

    [1]: https://github.com/penpot/penpot/issues/4380

  • Nextcloud

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

  • Project mention: Happy 20th Anniversary, Gmail. I'm Sorry I'm Leaving You | news.ycombinator.com | 2024-04-15

    It really is hard to leave Gmail when all of your data has been conveniently stored therein. This is one of Google's retention strategies and it is indeed brilliant.

    That said, there's a vast number of self-hosted alternatives like Stalwart Mail (email) [1], Immich (images) [2], NextCloud (Google Docs) [3], etc.

    [1] https://stalwa.rt

    [2] https://immich.app

    [3] https://nextcloud.com/

  • 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: P5.js: Online Canvas Programming | news.ycombinator.com | 2024-02-27
  • WorkOS

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

    WorkOS logo
  • @blueprintjs/core

    A React-based UI toolkit for the web

  • Project mention: React Component Libraries | dev.to | 2024-03-13

    Official Website: https://blueprintjs.com/

  • chatwoot

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

  • Mo.js

    The motion graphics toolbelt for the web

  • Project mention: Incredible JavaScript Animation Libraries | dev.to | 2024-03-24

    Mo.js is a potent and adaptable JavaScript animation library with a straightforward API and browser support. It's distinguished by its high-performance animations and density-independent effects, ensuring outstanding visual quality on any device. Mo.js provides extensive tools for animation creation, including Player for animation control, Curve Editor, and Timeline Editor for custom easing and editing.

  • simple-icons

    SVG icons for popular brands

  • Project mention: oImprove your README.md profile with these amazing badges 🚀 | dev.to | 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 | news.ycombinator.com | 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.

    [0] https://rsms.me/inter/

  • 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 | dev.to | 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
  • screenity

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

  • Project mention: Free and privacy-friendly screen recorder with no limits | news.ycombinator.com | 2024-01-10
  • Milligram

    A minimalist CSS framework.

  • Project mention: Concrete.css | news.ycombinator.com | 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!

    [0] http://getskeleton.com/

    [1] https://milligram.io/

    [2] https://repfl.ch/

  • material-design-for-bootstrap

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

  • plex

    The package of IBM’s typeface, IBM Plex.

  • Project mention: Intel One Mono Typeface | news.ycombinator.com | 2023-05-12

    IBM arguably did one better with their IBM Plex typeface, released with much marketing fan fare a couple years ago: https://www.ibm.com/plex/

    https://github.com/IBM/plex

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

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

    InfluxDB 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). The latest post mention was on 2024-04-17.

Design related posts

Index

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

Project Stars
1 system-design-primer 252,211
2 Bulma 48,554
3 Materialize 38,860
4 Awesome-Design-Tools 31,728
5 penpot 26,994
6 Nextcloud 25,494
7 p5.js 20,835
8 @blueprintjs/core 20,401
9 chatwoot 18,512
10 Mo.js 18,252
11 simple-icons 17,998
12 inter 16,963
13 awesome-design 15,225
14 MaterialDesignInXamlToolkit 14,593
15 magictools 12,816
16 awesome-creative-coding 12,162
17 Material 11,968
18 tachyons 11,579
19 ml-visuals 11,093
20 screenity 10,210
21 Milligram 10,159
22 material-design-for-bootstrap 9,389
23 plex 9,301
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.
www.influxdata.com