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.
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.
-
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!
-
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)
-
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
-
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.
-
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-07Processing! 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.
-
-
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
-
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 .
-
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. 🔥💬
or Github: https://github.com/chatwoot/chatwoot/issues
-
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.
-
-
If you’d rather use Bulma or Tachyons in your spreadsheet-enabled apps, go right ahead! SpreadJS will work happily with either of them.
-
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.
-
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 -
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.
-
Project mention: Ask HN: What is your default font for coding and terminal? | news.ycombinator.com | 2022-07-11
-
Screenity
-
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.
Design related posts
- Simple CSS elements to copy and paste for your next project - Open Source
- Your favourite font for KDE/Plasma, and why? My daily driver is SF Pro.
- Need help finding an appropriate programming base.
- How to edit text's element of an app as I can do in Chrome devtools
- Guys, Need Help!
- A website to copy and paste simple CSS elements
- [Request] What are some lesser known, innovative or experimental graphics software?
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 |
Are you hiring? Post a new remote job listing for free.
