The APIs are flexible and easy-to-use, supporting authentication, user identity, and complex enterprise features like SSO and SCIM provisioning. Learn more →
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.
-
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.
-
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 —
-
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.
-
chatwoot
Open-source live-chat, email support, omni-channel desk. An alternative to Intercom, Zendesk, Salesforce Service Cloud etc. 🔥💬
-
awesome-creative-coding
Creative Coding: Generative Art, Data visualization, Interaction Design, Resources.
-
ml-visuals
🎨 ML Visuals contains figures and templates which you can reuse and customize to improve your scientific writing.
-
material-design-for-bootstrap
Important! A new UI Kit version for Bootstrap 5 is available. Access the latest free version via the link below.
-
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.
✅ donnemartin/system-design-primer: https://github.com/donnemartin/system-design-primer
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.
Project mention: Front-end Framework: Comparing Bootstrap, Foundation and Materialize | dev.to | 2024-04-16Materialize 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.
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
Project mention: Happy 20th Anniversary, Gmail. I'm Sorry I'm Leaving You | news.ycombinator.com | 2024-04-15It 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/
Official Website: https://blueprintjs.com/
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.
It's only possible because of Shields Project, Simple Icons & beloved all Contributors. We do respect & love our all contributors.
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/
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.
Project mention: Programs to create model architectures schemes | /r/learnmachinelearning | 2023-05-31
Project mention: Free and privacy-friendly screen recorder with no limits | news.ycombinator.com | 2024-01-10
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/
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?
Design related posts
- Front-end Framework: Comparing Bootstrap, Foundation and Materialize
- PicoGK is a compact and robust geometry kernel for Computational Engineering
- PostHog: Side Project Insurance
- Web Desktops
- Our tools shape our selves
- Radix Colors: Accessible color system for user interfaces
- Bulma CSS is now 1.0.0
-
A note from our sponsor - WorkOS
workos.com | 25 Apr 2024
Index
What are some of the best open-source Design projects? This list will help you:
Project | Stars | |
---|---|---|
1 | system-design-primer | 253,398 |
2 | Bulma | 48,572 |
3 | Materialize | 38,853 |
4 | Awesome-Design-Tools | 31,784 |
5 | penpot | 27,234 |
6 | Nextcloud | 25,494 |
7 | p5.js | 20,850 |
8 | @blueprintjs/core | 20,409 |
9 | chatwoot | 18,512 |
10 | Mo.js | 18,254 |
11 | simple-icons | 18,051 |
12 | inter | 16,982 |
13 | awesome-design | 15,225 |
14 | MaterialDesignInXamlToolkit | 14,616 |
15 | magictools | 12,842 |
16 | awesome-creative-coding | 12,194 |
17 | Material | 11,968 |
18 | tachyons | 11,585 |
19 | ml-visuals | 11,093 |
20 | screenity | 10,210 |
21 | Milligram | 10,158 |
22 | material-design-for-bootstrap | 9,389 |
23 | plex | 9,301 |
Sponsored