Material Design

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

Top 23 Material Design Open-Source Projects

  • Flutter

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

    Project mention: Why do my Flutter screens look washed out? | | 2022-07-03

    When we investigated, we realised it is because of the lack of support for Display P3 in Flutter -

  • material-ui

    MUI Core (formerly Material-UI) is the React UI library you always wanted. Follow your own design system, or start with Material Design.

    Project mention: Ask HN: Who is hiring? (July 2022) | | 2022-07-01

    MUI | Remote UTC-6 to +5 | Multiple roles | Full time |

    I'm a co-founder and the CEO of MUI. Our objective in the short term is to become the UI toolkit for React. In the longer term, our goal is to make building great web UIs quicker, simpler, and accessible to more people through a low-code platform for developers.

    Some things we’re proud of:

    - 25% of the downloads that React receives.

    - 1M developers on our documentation every month.

    - Solid financials: profitable

    If that sounds interesting to you, we are hiring for: React Software Engineer, Support Engineer, Full-stack Engineer:

  • 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!

  • 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: Working With Remix-Router In React JS - A Look at New Data APIs in DataBrowserRouter | | 2022-06-14

    This application also shows an approach for getting input in a modal and submitting it to a route's action function. I have added Ionic Framework as my user interface component, but what is shown here can work with any React application

  • material-design-icons

    Material Design icons by Google

    Project mention: Free icon sources for use with websites with no link required. Any available? | | 2022-05-04
  • awesome-flutter

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

    Project mention: All you should know about Flutter development | | 2022-02-12

    How do the goals of your repo compare to

  • Materialize

    Materialize, a CSS Framework based on Material Design

    Project mention: What are dos and don'ts for designing a nice looking website, when you are not design savvy | | 2022-04-30

    Material (from Google)

  • vuetify

    🐉 Material Component Framework for Vue

    Project mention: State of Vue 2022: Amsterdam recap | | 2022-06-21

    The Material Design framework is currently in beta. The third beta release has been available for a fortnight. Read the release notes.

  • SonarQube

    Static code analysis for 29 languages.. Your projects are multi-language. So is SonarQube analysis. Find Bugs, Vulnerabilities, Security Hotspots, and Code Smells so you can release quality code every time. Get started analyzing your projects today for free.

  • material-design-lite

    Material Design Components in HTML/CSS/JS

    Project mention: Material Design Lite + React - Issues with Tooltips | | 2022-05-01

    Also, since I was not sure if this was an MDL specific bug, I opted to post this question here instead of on their issues page. If anyone thinks I should post it there as well, let me know, and I can do that.

  • components

    Component infrastructure and Material Design components for Angular

    Project mention: 🚀 Angular 14 + ESLint, Material + Transloco + Jest, TestCafe + Docker + Prettier 🚀 | | 2022-07-03

    ✅ Angular 14 ✅ Angular Material ✅ Unit Testing with Jest ✅ End-to-End Testing with TestCafé ✅ Internationalization with Transloco ✅ Auto documentation with Compodoc ✅ Analyse your project with source-map-explorer ✅ Docker ✅ ESLint ✅ Prettier ✅ Commit Linting

  • mdb-ui-kit

    Bootstrap 5 & Material Design 2.0 UI KIT

    Project mention: Open Source Bootstrap 5 Resources | | 2022-02-17

    mdb-ui-kit - Bootstrap 5 & Material Design 2.0 UI KIT.

  • Quasar Framework

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

    Project mention: I'm looking to start learning vue.js but... | | 2022-06-23
  • Hero

    Elegant transition library for iOS & tvOS

    Project mention: How do I present a new view controller this way with UIKit? | | 2022-06-11
  • material-dialogs

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

    Project mention: Recommended library for Material 3 dialogs? | | 2022-03-25

    Seeing how the go-to library for Material Dialogs (2 and below) has not been updated in the last 2+ years, does anyone have a replacement or fork they’re happy with?

  • FlutterExampleApps

    [Example APPS] Basic Flutter apps, for flutter devs.

    Project mention: Has anyone developed such UI in Flutter | | 2022-02-21

    You can search Github for a ton of Flutter examples. Here is one I found by searching, but check out others.

  • framework7

    Full featured HTML framework for building iOS & Android apps

    Project mention: Has anyone used SvelteKit to build a UI component library / Toolkit / Design System? | | 2022-06-10


  • Material Components Web

    Modular and customizable Material Design UI components for the web

    Project mention: Does Elm has UI control libraries like React? | | 2022-02-01

    I highly recommend

  • material-components-android

    Modular and customizable Material Design UI components for Android

    Project mention: Trying to understand the colors attributes in Material Design 3 | | 2022-06-28
  • MaterialDesignInXamlToolkit

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

    Project mention: How to design GUI ? | | 2022-07-01

    - If you know the technology (eg. WPF) consider using a good UI library (eg. for WPF + Material Design)

  • Material

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

  • MaterialDrawer

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

  • 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)

    Project mention: HTML Table from multiple QuerySets | | 2022-06-24

    I've done quite a bit of scouting for a solution, and it looks like many people gravitate around django-tables2,,, and a few others. The latter two are JS/HTML frameworks that can accept either Django templated HTML (of a table) or JSON, and they seem to prefer JSON to give you the most access to features.

  • 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

    Project mention: Can everything really be coded programmatically in Swift UI? | | 2021-09-07

    This seemed to work for the card game but I'm trying to make a simple bottom tab view bar and was surprised to see some open source solutions still use storyboards ( I'm hesitant to use them because I thought this was now essentially an outdated approach?

  • material-dashboard

    Material Dashboard - Open Source Bootstrap 5 Material Design Admin

    Project mention: material-dashboard VS horizon-ui-chakra - a user suggested alternative | | 2022-05-12
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 2022-07-03.

Material Design related posts


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

Project Stars
1 Flutter 142,254
2 material-ui 79,374
3 Ionic Framework 47,573
4 material-design-icons 46,037
5 awesome-flutter 41,215
6 Materialize 38,695
7 vuetify 34,619
8 material-design-lite 32,058
9 components 22,782
10 mdb-ui-kit 22,384
11 Quasar Framework 21,540
12 Hero 20,855
13 material-dialogs 19,303
14 FlutterExampleApps 16,923
15 framework7 16,804
16 Material Components Web 16,267
17 material-components-android 13,756
18 MaterialDesignInXamlToolkit 12,441
19 Material 11,920
20 MaterialDrawer 11,544
21 bootstrap-table 11,289
22 animated-tab-bar 10,984
23 material-dashboard 10,192
Find remote jobs at our new job board There are 2 new remote jobs listed recently.
Are you hiring? Post a new remote job listing for free.
Less time debugging, more time building
Scout APM allows you to find and fix performance issues with no hassle. Now with error monitoring and external services monitoring, Scout is a developer's best friend when it comes to application development.