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. 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 —
-
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.
-
-
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.
-
-
SaaSHub
SaaSHub - Software Alternatives and Reviews. SaaSHub helps you find the best software and product alternatives
✅ 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.
Project mention: Release Radar · April 2024 Edition: Major updates from the open source community | dev.to | 2024-05-03Imagine designers and coders working seamlessly together. That's what Penpot aims to do. It's a tool where designers can create stunning designs, interactive prototypes, and design systems at scale. Developers then have ready-to-use code, which makes their workflows faster and more efficient. Penpot's latest version receives a new grid CSS layout, new UI, new components system, and more components. Oh and there's now light AND dark mode 🎉.
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/
Project mention: Programs to create model architectures schemes | /r/learnmachinelearning | 2023-05-31
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: 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?
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).
Design related posts
-
Navigating Open Source: A Guide to Effective Community Engagement
-
Do you use Tailwind?
-
What is a Plugin Ecosystem and Why Does It Matter?
-
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
-
A note from our sponsor - SurveyJS
surveyjs.io | 8 May 2024
Index
What are some of the best open-source Design projects? This list will help you:
| Project | Stars | |
|---|---|---|
| 1 | system-design-primer | 255,886 |
| 2 | Bulma | 48,625 |
| 3 | Materialize | 38,860 |
| 4 | Awesome-Design-Tools | 31,834 |
| 5 | penpot | 27,928 |
| 6 | Nextcloud | 25,637 |
| 7 | p5.js | 20,905 |
| 8 | @blueprintjs/core | 20,415 |
| 9 | chatwoot | 18,657 |
| 10 | Mo.js | 18,260 |
| 11 | simple-icons | 18,148 |
| 12 | inter | 17,018 |
| 13 | awesome-design | 15,260 |
| 14 | MaterialDesignInXamlToolkit | 14,659 |
| 15 | magictools | 12,897 |
| 16 | awesome-creative-coding | 12,231 |
| 17 | Material | 11,968 |
| 18 | ml-visuals | 11,699 |
| 19 | tachyons | 11,592 |
| 20 | screenity | 10,522 |
| 21 | Milligram | 10,158 |
| 22 | material-design-for-bootstrap | 9,369 |
| 23 | plex | 9,326 |
Sponsored
SaaSHub - Software Alternatives and Reviews
SaaSHub helps you find the best software and product alternatives
www.saashub.com