SaaSHub helps you find the best software and product alternatives Learn more β
Top 23 Material Design Open-Source Projects
-
Flutter Official Website
-
SaaSHub
SaaSHub - Software Alternatives and Reviews. SaaSHub helps you find the best software and product alternatives
-
Material UI
Ready-to-use foundational React components, free forever. It includes Material UI, which implements Google's Material Design.
Project mention: Kickstart Hacktoberfest with These Exciting Open Source Projects to Contribute To! π | dev.to | 2024-10-09π¨ Project: Material UI π‘ Why Contribute: If design systems and UI frameworks are your thing, Material UI is a must-contribute project. Help maintain or enhance one of the most popular React component libraries used by thousands of developers globally.
-
awesome-flutter
An awesome list that curates the best Flutter libraries, tools, tutorials, articles and more.
Awesome flutter Flutter Samples
-
Ionic Framework
A powerful cross-platform UI toolkit for building native-quality iOS, Android, and Progressive Web Apps with HTML, CSS, and JavaScript.
Ionic Official Website
-
-
Project mention: How to adapt an autocomplete/select field to work with server-side filtering and pagination | dev.to | 2024-09-04
The technical implementation will be demonstrated with Vue, my preferred framework for everyday work, combined with Vuetify, a very robust and highly customizable component framework commonly used in the Vue ecosystem. Note that concepts used here can be applied using other combinations of popular JavaScript technologies.
-
Materialize is a modern CSS framework based on Googleβs Material Design. It was created and designed by Google to provide a unified and consistent user interface across all its products. Materialize is focused on user experience as it integrates animations and components to provide feedback to users.
-
-
Project mention: What do you think about using a game engine for UI? | news.ycombinator.com | 2025-01-12
In general, people must make a choice between portability, and the breadth of optimizations.
For multi-platform builds, there are single code-base frameworks available:
https://quasar.dev/
For MacOS, Linux Gtk, and Windows native builds there are mature free libraries that allow both FOSS and commercial static linking:
https://wxwidgets.org/
Game engines are designed to solve a single set of use-cases for optimization, and portability is usually terrible outside the current windows release.
Best of luck, =3
-
To create a custom color palettes, we can use palette generation schematic. It builds custom color palettes based on a single color input for the primary color, and optionally color inputs to further customize secondary, tertiary, and neutral palettes:
-
-
-
In this blog, Iβll explore how Sass maps are used in MkDocsβ Material themeβspecifically, in its mixinsβand how they contribute to the flexibility and scalability of the design system. Letβs dive in!
-
-
Loosely related, there are frameworks for recreating native UI for mobile apps written in JS, e.g: https://framework7.io/
-
Project mention: Weird background using Material 1.1.0 and Navigation component | dev.to | 2024-07-27
More discusion on Github issue
-
-
Project mention: Kickstart Hacktoberfest with These Exciting Open Source Projects to Contribute To! π | dev.to | 2024-10-09
π± Project: React Native Paper π‘ Why Contribute: If youβre into mobile app development, React Native Paper offers a set of customizable, beautiful React components for building mobile UIs. Contributing to this project is a great way to help create robust, well-designed components.
-
TW-Elements
ππͺππ collection of Tailwind MIT licensed (free) components, sections and templates π
3. Tailwind Elements A free collection of essential elements and components designed with Tailwind for modern websites. Tailwind Elements:
-
Project mention: Seal: Video/Audio Downloader for Android, Based on Yt-Dlp | news.ycombinator.com | 2024-07-31
-
Project mention: Material VS Material Components - a user suggested alternative | libhunt.com/r/CosmicMind/Material | 2024-10-08
-
bootstrap-table
An extended table to integration with some of the most widely used CSS frameworks. (Supports Bootstrap, Semantic UI, Bulma, Material Design, Foundation, Vue.js)
-
MaterialDrawer
The flexible, easy to use, all in one drawer library for your Android project. Now brand new with material 2 design.
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).
Material Design discussion
Material Design related posts
-
Trusting clients is probably a security flaw
-
Modify Angular Material 19 Theme with SCSS & CSS
-
How This SCSS Project Stays Organized Starting from a Map
-
ReadYou VS capyreader - a user suggested alternative
2 projects | 18 Dec 2024 -
Trying to Recreate iOS on the Web
-
Angular 19 chegou: tudo o que vocΓͺ precisa saber!
-
Angular resources I often return to
-
A note from our sponsor - SaaSHub
www.saashub.com | 19 Jan 2025
Index
What are some of the best open-source Material Design projects? This list will help you:
| # | Project | Stars |
|---|---|---|
| 1 | Flutter | 167,982 |
| 2 | Material UI | 94,477 |
| 3 | awesome-flutter | 54,356 |
| 4 | Ionic Framework | 51,299 |
| 5 | material-design-icons | 50,958 |
| 6 | vuetify | 40,112 |
| 7 | Materialize | 38,858 |
| 8 | material-design-lite | 32,277 |
| 9 | Quasar Framework | 26,145 |
| 10 | components | 24,485 |
| 11 | mdb-ui-kit | 24,220 |
| 12 | Hero | 22,135 |
| 13 | mkdocs-material | 21,774 |
| 14 | FlutterExampleApps | 20,783 |
| 15 | framework7 | 18,211 |
| 16 | material-components-android | 16,500 |
| 17 | MaterialDesignInXamlToolkit | 15,310 |
| 18 | react-native-paper | 13,195 |
| 19 | TW-Elements | 12,956 |
| 20 | Seal | 12,632 |
| 21 | Material | 11,986 |
| 22 | bootstrap-table | 11,762 |
| 23 | MaterialDrawer | 11,672 |
Sponsored
SaaSHub - Software Alternatives and Reviews
SaaSHub helps you find the best software and product alternatives
www.saashub.com