Design

Open-source projects categorized as Design Edit details
Related topics: #CSS #UI #JavaScript #HTML #React

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: Guys, Need Help! | reddit.com/r/leetcode | 2022-08-10

    Thanks a lot. I just took a glance at the yt channel, he has extensive vids on the topic. I found this github repo today, which I'm finding good as a newbie to SD.

  • Bulma

    Modern CSS framework based on Flexbox

    Project mention: Let's Talk About Framework-Specific UI Component Libraries | dev.to | 2022-08-11

    Other libraries, such as Bulma, opted for a different approach. They made the decision to forego javascript altogether and focus purely on the the UI “shell” (the HTML and CSS). Leaving the onus on developers to code their own interactive logic or introduce additional third party dependencies to handle interactive elements.

  • Appwrite

    Appwrite - The Open Source Firebase alternative introduces iOS support . Appwrite is an open source backend server that helps you build native iOS applications much faster with realtime APIs for authentication, databases, files storage, cloud functions and much more!

  • Materialize

    Materialize, a CSS Framework based on Material Design

    Project mention: What are dos and don'ts for designing a nice looking website, when you are not design savvy | reddit.com/r/webdev | 2022-04-30

    Material (from Google)

  • Awesome-Design-Tools

    The best design tools and plugins for everything 👉

    Project mention: Awesome Design Tools repository: The best design & development tools and plugins for everything (Illustrations, Co code tools, Mockup tools, UI design tools, Design inspiration, Animation tools, etc.) | reddit.com/r/Stumbledon | 2022-07-11
  • Nextcloud

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

    Project mention: Which is the best encrypted and open-source notes taking application with markdown support? | reddit.com/r/webdev | 2022-08-12

    QOwnnotes in combination with a self-hosted Nextcloud instance would be a possibility. The synchronization can be set directly in QOwnnotes and you also have the possibility to create or change notes directly in Nextcloud. QOwnnotes also offers the possibility to encrypt the notes using AES-256.

  • @blueprintjs/core

    A React-based UI toolkit for the web

    Project mention: Tabler: Free and open source dashboard HTML/CSS framework | news.ycombinator.com | 2022-07-29

    Maybe https://blueprintjs.com/ for you, although last time I checked it did not have explicit mobile or tablet support. (They don’t aim to break mobile or tablet but they don’t endeavour to support it.)

  • 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: Ask HN: How do you automate drawings so you don't have to redraw over and over? | news.ycombinator.com | 2022-08-07

    Processing! https://p5js.org/

    In my experience, nothing is simpler or more powerful if you have a procedural mindset. Blender can be powerful here too (grease pencil is the foundation), you can animate almost any field you can click and of course it’s all exposed to Python. If you need something really fancy.

  • SonarLint

    Clean code begins in your IDE with SonarLint. Up your coding game and discover issues early. SonarLint is a free plugin that helps you find & fix bugs and security issues from the moment you start writing code. Install from your favorite IDE marketplace today.

  • Mo.js

    The motion graphics toolbelt for the web

    Project mention: Best NPM Package for React.js | dev.to | 2022-06-21
  • inter

    The Inter font family

    Project mention: Your favourite font for KDE/Plasma, and why? My daily driver is SF Pro. | reddit.com/r/kde | 2022-08-11

    Ever since someone suggested it to me I use https://github.com/rsms/inter

  • awesome-design

    🌟 Curated design resources from all over the world.

    Project mention: How to make nice looking designs when you are bad? Where can you find inspirations for layouts, colors, etc? | reddit.com/r/androiddev | 2021-11-24

    In addition to all these wonderful submissions, you might also want to check out : this repo and this one .

  • simple-icons

    SVG icons for popular brands

    Project mention: Rust Foundation Trademark Policy Survey | reddit.com/r/rust | 2022-08-10

    Java has a free logo? I'm not so sure about that. It getting removed from a logo icon library comes to mind.

  • chatwoot

    Open-source customer engagement suite, an alternative to Intercom, Zendesk, Salesforce Service Cloud etc. 🔥💬

    Project mention: Nobody responds via live chat | reddit.com/r/Chatwoot | 2022-07-26

    or Github: https://github.com/chatwoot/chatwoot/issues

  • MaterialDesignInXamlToolkit

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

    Project mention: I'm developing a custom HMI/SCADA system in WPF to replace our old VB6 one. What do you guys think? | reddit.com/r/PLC | 2022-08-11

    Thanks, I'm using Material Design philosophy, thanks especially to the MaterialDesignInXAML library for WPF.

  • Material

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

  • tachyons

    Functional css for humans

    Project mention: How to Import and Export Excel XLSX Using Vue | dev.to | 2022-08-05

    If you’d rather use Bulma or Tachyons in your spreadsheet-enabled apps, go right ahead! SpreadJS will work happily with either of them.

  • penpot

    Penpot - The Open-Source design & prototyping platform

    Project mention: GNOME Human Interface component library for Figma | reddit.com/r/gnome | 2022-07-28

    Most people designing Gnome apps would probably look into https://penpot.app/ instead of Figma because it's open-source.

  • magictools

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

    Project mention: Where can I get free ambient music and sfx to layer into my BGM? | reddit.com/r/GameDevelopment | 2022-05-16

    Bookmark this list of resources (here for audio) and start digging.

  • awesome-creative-coding

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

    Project mention: Ask HN: Resources to learn generative art programming? | news.ycombinator.com | 2022-08-06
  • Milligram

    A minimalist CSS framework.

    Project mention: I want to make a website for myself | reddit.com/r/haskell | 2022-05-25

    I’d also recommend using a CSS framework, to spare yourself the frustration of either trying to tinker with the nitty gritty until things finally look OK or alternatively having to deal with looking at an ugly website the whole time. Milligram is a good starting point here that makes your website look OK literally by just adding one line, Tailwind is more involved to get started with but for me the easiest to use if you’re trying to get a custom look, Bootstrap is kind of a middle ground here - it gives you components to work with so it’s a bit more pluggable than Milligram and it’ll have something for most things you’re trying to do, but it’ll also be pretty hard to achieve a custom look (it can be done, but without putting a ton of effort into it your website will basically look like a “bootstrap website”, which is probably not an issue for you right now but it is a downside).

  • 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: Ask HN: What is your default font for coding and terminal? | news.ycombinator.com | 2022-07-11
  • screenity

    The most powerful screen recorder & annotation tool for Chrome 🎥

    Project mention: “Hijacking webcams with Screencastify” | reddit.com/r/k12sysadmin | 2022-05-24

    Screenity

  • processing

    Source code for the Processing Core and Development Environment (PDE)

    Project mention: Need help finding an appropriate programming base. | reddit.com/r/learnprogramming | 2022-08-11

    So far, I've been working with processing. It has served me well, however, after trying to do more complex stuff with per-pixel calculations like a mandelbrot renderer or trying to write my own libraries for basics which interfered with the already existing ones, I have come to a point where I am hitting the limits of what processing can do for me. Also, I realize that Java (-script) is very limited in what it can do.

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 2022-08-12.

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 191,798
2 Bulma 45,886
3 Materialize 38,701
4 Awesome-Design-Tools 25,715
5 Nextcloud 19,702
6 @blueprintjs/core 19,188
7 p5.js 17,900
8 Mo.js 17,630
9 inter 14,125
10 awesome-design 13,869
11 simple-icons 13,818
12 chatwoot 13,318
13 MaterialDesignInXamlToolkit 12,547
14 Material 11,924
15 tachyons 11,214
16 penpot 10,798
17 magictools 10,051
18 awesome-creative-coding 9,828
19 Milligram 9,737
20 material-design-for-bootstrap 9,449
21 plex 7,940
22 screenity 7,385
23 processing 6,235
Find remote Design jobs at our new job board 99remotejobs.com. There is 1 new remote job listed recently.
Are you hiring? Post a new remote job listing for free.
Less time debugging, more time building
Scout APM allows you to find and fix performance issues with no hassle. Now with error monitoring and external services monitoring, Scout is a developer's best friend when it comes to application development.
scoutapm.com