#Material Design

Open-source projects categorized as Material Design | Edit details
Related topics: #Android #iOS #Flutter #Mobile #Dart

Top 23 Material Design Open-Source Projects

  • GitHub repo Flutter

    Flutter makes it easy and fast to build beautiful apps for mobile and beyond.

    Project mention: React Native Vs. Flutter: The Key Differences Every Mobile App Developer Should Know In 2021 [Guide For Beginners] | dev.to | 2021-06-16

    Flutter also has a detailed library of documentation. Despite being younger than React Native, Flutter’s community is also growing and being maintained by enthusiasts. Flutter has 120k stars on GitHub.

  • GitHub repo material-ui

    Material-UI is a simple and customizable component library to build faster, beautiful, and more accessible React applications. Follow your own design system, or start with Material Design.

    Project mention: Strange issue in production build, Links occasionally stop working. | reddit.com/r/nextjs | 2021-06-17

    I had a button with a link that sometime became unresposive. https://github.com/mui-org/material-ui/tree/master/examples/nextjs material ui provides example for nextjs. There is a config for that and then suddenly everything worked. It was not just links, even icons were blown out of proportion sometimes when they loaded.

  • GitHub repo Ionic Framework

    A powerful cross-platform UI toolkit for building native-quality iOS, Android, and Progressive Web Apps with HTML, CSS, and JavaScript.

    Project mention: App store or web? Why not both!? | dev.to | 2021-06-09

    Capacitor was created by the team behind the popular Ionic Framework as a replacement for Cordova for deploying modern Web Native apps on iOS, Android, Desktop, and Web.

  • GitHub repo material-design-icons

    Material Design icons by Google

    Project mention: [Misc.] Custom Statusbar Update 4 | reddit.com/r/kustom | 2021-04-16

    Note: Indicator icons are from https://github.com/google/material-design-icons Thanks to rsheeter and other contributors for publishing Material Icons with open sources. Indicator icons are available under the Apache License Version 2.0

  • GitHub repo Materialize

    Materialize, a CSS Framework based on Material Design

    Project mention: Form checkboxes or use a form API? | reddit.com/r/rails | 2021-06-03
  • GitHub repo awesome-flutter

    An awesome list that curates the best Flutter libraries, tools, tutorials, articles and more.

    Project mention: I made my first Todo List App in Dart! | reddit.com/r/dartlang | 2021-04-12
  • GitHub repo material-design-lite

    Material Design Components in HTML/CSS/JS

    Project mention: JavaScript Influencers to Follow in 2021🤩 | dev.to | 2021-04-01

    Projects: google/material-design-lite, tastejs/todomvc, GoogleChrome/workbox, GoogleChromeLabs/quicklink

  • GitHub repo vuetify

    🐉 Material Component Framework for Vue

    Project mention: ⚡ Release June 15th, 2021 | reddit.com/r/vuetifyjs | 2021-06-15

    Vuetify v2.5.4 is live! It includes fixes for missing Calendar events, Avatar border radius in Cards, TypeScript component typings, and more! Full Release notes here: https://github.com/vuetifyjs/vuetify/releases/tag/v2.5.4

  • GitHub repo components

    Component infrastructure and Material Design components for Angular

    Project mention: SOLVED! Angular Material TABS problem solving ENG | reddit.com/r/angular | 2021-06-03

    This bug has some similar details https://github.com/angular/components/issues/19619

  • GitHub repo mdb-ui-kit

    Bootstrap 5 & Material Design 2.0 UI KIT

    Project mention: Bootstrap 5 STABLE is out | reddit.com/r/developersIndia | 2021-05-06
  • GitHub repo Hero

    Elegant transition library for iOS & tvOS

    Project mention: Generics in Swift: Why we need them? | reddit.com/r/swift | 2021-03-28
  • GitHub repo material-dialogs

    😍 A beautiful, fluid, and extensible dialogs API for Kotlin & Android.

    Project mention: Weekly Questions Thread February 16 2021 | reddit.com/r/androiddev | 2021-02-19

    I use Material Dialog https://github.com/afollestad/material-dialogs which allows you to pass in HTML for the message which uses the color as I defined here.

  • GitHub repo Quasar Framework

    Quasar Framework - Build high-performance VueJS user interfaces in record time

    Project mention: Dashblocks Material Admin Template | Free Vue.js Template | reddit.com/r/vuejs | 2021-06-09

    Built based on Quasar Framework, Vuex, Vuejs and Dashblocks.

  • GitHub repo material

    Material design for AngularJS

    Project mention: Ultimate 2021 List of CSS Frameworks and Component Libraries for Angular, React, Vue and Svelte | dev.to | 2021-03-28

    Angular Material

  • GitHub repo Material Components Web

    Modular and customizable Material Design UI components for the web

    Project mention: 5 simple ways to improve your website UI (for developers) 🎨🖥️ | dev.to | 2021-05-02

    Material design by Google

  • GitHub repo material-components-android

    Modular and customizable Material Design UI components for Android

    Project mention: RoundedProgressBar 2.0: The first open source ProgressBar with individually "roundable" corners | reddit.com/r/androiddev | 2021-04-20

    I (nervously) checked Google's progress bar code just to make sure I didn't lie in the opening post. It seems like they don't allow individual corners to have different radius values: https://github.com/material-components/material-components-android/blob/master/lib/java/com/google/android/material/progressindicator/res/values/attrs.xml#L29

  • GitHub repo Material

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

  • GitHub repo MaterialDrawer

    The flexible, easy to use, all in one drawer library for your Android project. Now brand new with material 2 design.

    Project mention: Publishing Android libraries to MavenCentral in 2021 | reddit.com/r/androiddev | 2021-02-08

    I've seen a workaround for this, but I don't think that's any better than what I have now.

  • GitHub repo MaterialDesignInXamlToolkit

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

    Project mention: Finally finished a "real" project | reddit.com/r/csharp | 2021-06-16

    It is an openly available resource, available as nuget package. Here's its GitHub.

  • GitHub repo animated-tab-bar

    :octocat: RAMAnimatedTabBarController is a Swift UI module library for adding animation to iOS tabbar items and icons. iOS library made by @Ramotion

  • GitHub repo folding-cell

    :octocat: 📃 FoldingCell is an expanding content cell with animation made by @Ramotion

  • GitHub repo AppIntro

    Make a cool intro for your Android app.

  • GitHub repo material-dashboard

    Material Dashboard - Open Source Bootstrap 4 Material Design Admin

    Project mention: Top 20+ Bootstrap Dashboard Templates To Use Absolutely Free | dev.to | 2021-04-20

    More info Demo GitHub

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 2021-06-17.


What are some of the best open-source Material Design projects? This list will help you:

Project Stars
1 Flutter 122,133
2 material-ui 68,848
3 Ionic Framework 44,731
4 material-design-icons 43,113
5 Materialize 38,513
6 awesome-flutter 36,034
7 material-design-lite 31,795
8 vuetify 31,094
9 components 21,534
10 mdb-ui-kit 21,146
11 Hero 20,117
12 material-dialogs 18,829
13 Quasar Framework 18,706
14 material 16,708
15 Material Components Web 15,573
16 material-components-android 12,436
17 Material 11,778
18 MaterialDrawer 11,381
19 MaterialDesignInXamlToolkit 10,887
20 animated-tab-bar 10,781
21 folding-cell 9,938
22 AppIntro 9,793
23 material-dashboard 9,736