Material Design

Open-source projects categorized as Material Design

Top 23 Material Design Open-Source Projects

Material Design
  1. Flutter

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

    Project mention: Sandbox#1: Flutter Application Design First Steps | dev.to | 2026-06-12

    Let start another chapter of this journey with Dart by creating a mobile application with Flutter. For this post, a really simple application will be created called sandbox. Instead of adding some interactive part, like sending/receiving data from a backend, let simply design an application based on a wireframe.

  2. SaaSHub

    SaaSHub - Software Alternatives and Reviews. SaaSHub helps you find the best software and product alternatives

    SaaSHub logo
  3. Material UI

    Ready-to-use foundational React components, free forever. It includes Material UI, which implements Google's Material Design.

    Project mention: Show HN: Typique – a bundler-independent, zero-runtime CSS-in-TS library | news.ycombinator.com | 2026-01-07

    Hi HN! I’ve been following zero-runtime CSS-in-JS/TS libraries for a while and noticed that most of them end up overwhelmed by bundler compatibility issues. A good summary of these problems is in the final status report [1] of Pigment CSS — MUI’s attempt in this space.

    As someone working on TypeScript tooling, I started wondering whether this problem could be approached from a different angle: instead of relying on bundler plugins, use TypeScript types to define styles, and TypeScript tooling to provide locally scoped class and CSS variable names.

    This led to Typique — a library built as a TypeScript plugin. It provides IDE integration (completion, diagnostics, quick fixes) and emits plain CSS without any dependence on bundler or framework. It’s early, but already usable; I’ve been using it in a couple of personal projects.

    Feedback, questions, and skepticism are very welcome. Thanks for reading.

    [1] https://github.com/mui/material-ui/issues/45759#issuecomment...

  4. awesome-flutter

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

  5. material-design-icons

    Material Design icons by Google (Material Symbols)

    Project mention: MiniMax-M1 open-weight, large-scale hybrid-attention reasoning model | news.ycombinator.com | 2025-06-17

    1. No it's not. Top GitHub repository from Google as an example: https://github.com/google/material-design-icons I think you'd actually be hard pressed to find a single repository where the company that owns it lists where they are registered.

    2. This is a requirement for companies registered in the UK. You should also read your own link, it doesn't say anything about the company's presence on 3rd party websites.

    3. This is such a remote reason it's laughable.

    You just want them to mention it because it's a Chinese company. If they were American, Mexican, German or Zimbabwean you wouldn't give the slightest fuck.

  6. 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: Ng-News 26/01: Ng-Poland Outtakes - Keynote and Q&A | dev.to | 2026-01-12

    But there is a new library, built from the beginning for Signal Forms. Its name is @ng-forge/dynamic-forms. It comes with an integration of common UI libraries: Angular Material, Bootstrap, but also PrimeNG and Ionic.

  7. vuetify

    🐉 Vue Component Framework

    Project mention: Exploring the Vue.js Ecosystem: Tools and Libraries That Make Development Fun | dev.to | 2025-06-28

    “Vuetify is a collection of pre-made components paired with powerful features such dynamic themes, global defaults, application layouts, and more. Its goal is to provide developers with all of the necessary tools to build rich and engaging user experiences.” ~ Vuetify

  8. Materialize

    Materialize, a CSS Framework based on Material Design

    Project mention: JavaScript Awesome Package | dev.to | 2026-02-03

    Materialize - Responsive front-end framework based on Material Design

  9. filemanager

    📂 Web File Browser

    Project mention: FileBrowser Alternatives for Mobile: A Self-Hoster's Comparison Guide | dev.to | 2026-03-28

    If you self-host FileBrowser, you know the desktop experience is solid. But open it on your phone and you'll hit:

  10. material-design-lite

    Material Design Components in HTML/CSS/JS

  11. Quasar Framework

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

    Project mention: Linux Applications Programming by Example: The Fundamental APIs (2nd Edition) | news.ycombinator.com | 2026-03-20

    Linux is rarely a porting issue for C++ or python: https://wxwidgets.org/

    Static linking libraries for MacOS or Windows is contaminated by GPL/LGPL code, and this why wxwidgets excludes the disclosure requirement.

    Also, if you are looking for a VueJS cross-platform GUI framework for most Desktop and Mobile platforms (MacOS hardware and developer account is a requirement):

    https://github.com/quasarframework/quasar

    Qt5/Qt6 frameworks sooner or later cause more problems than they solve, and require a lot more maintenance/support.

    Best of luck =3

  12. mkdocs-material

    Documentation that simply works

    Project mention: Automating Multilingual Content for Odoo 18: Our Headless CMS Pipeline with GPT-5.4 | dev.to | 2026-04-03

    Local preview via MkDocs Material before anything goes live

  13. Seal

    🦭 Video/Audio Downloader for Android, based on yt-dlp

    Project mention: Termux | news.ycombinator.com | 2026-02-02
  14. components

    Component infrastructure and Material Design components for Angular

    Project mention: Better Loading Buttons in Angular Material v22 | dev.to | 2026-05-22

    Angular Material v22 adds a small but surprisingly useful improvement to buttons: built-in progress indicator support. Instead of manually swapping button text with a spinner and dealing with layout jumpiness, we can let the Material button directive manage the loading UI for us. In this post, I'll show you the old manual approach, why it creates a small UX issue, and how Angular Material v22 cleans it up.

  15. mdb-ui-kit

    Bootstrap 5 & Material Design UI KIT

  16. Hero

    Elegant transition library for iOS & tvOS

  17. FlutterExampleApps

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

  18. framework7

    Full featured HTML framework for building iOS & Android apps

    Project mention: Top 10 Frameworks for Hybrid Mobile Apps in 2026 | dev.to | 2025-12-19

    Framework7 is a hybrid mobile app framework focused on creating iOS and Android apps with a native look and feel. It is especially suitable for Progressive Web Apps (PWAs) and smaller projects. Framework7 comes with a comprehensive set of UI components that match each platform’s design guidelines, allowing developers to quickly build visually appealing applications with minimal configuration.

  19. material-components-android

    [MAINTENANCE MODE] Modular and customizable Material Design UI components for Android

  20. MaterialDesignInXamlToolkit

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

  21. dots-hyprland

    Usability-first dotfiles

  22. react-native-paper

    Material Design for React Native (Android & iOS)

  23. TW-Elements

    𝙃𝙪𝙜𝙚 collection of Tailwind MIT licensed (free) components, sections and templates 😎

  24. Material

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

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

Log in or Post with

Material Design related posts

  • Better Loading Buttons in Angular Material v22

    1 project | dev.to | 22 May 2026
  • First Web Page with Flutter

    2 projects | dev.to | 6 May 2026
  • Top Flutter Contributors from Pakistan in 2026

    1 project | dev.to | 4 May 2026
  • Pourquoi j'ai créé T2DECODE : l'apprentissage technique sans dépendre du Cloud.

    2 projects | dev.to | 3 May 2026
  • I Got 4 PRs Merged to the Flutter Framework. Here's Exactly How

    1 project | dev.to | 1 May 2026
  • Automating Multilingual Content for Odoo 18: Our Headless CMS Pipeline with GPT-5.4

    1 project | dev.to | 3 Apr 2026
  • FileBrowser Alternatives for Mobile: A Self-Hoster's Comparison Guide

    2 projects | dev.to | 28 Mar 2026
  • A note from our sponsor - SaaSHub
    www.saashub.com | 14 Jun 2026
    SaaSHub helps you find the best software and product alternatives Learn more →

Index

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

# Project Stars
1 Flutter 176,906
2 Material UI 98,400
3 awesome-flutter 60,286
4 material-design-icons 53,436
5 Ionic Framework 52,512
6 vuetify 40,991
7 Materialize 38,864
8 filemanager 35,081
9 material-design-lite 32,176
10 Quasar Framework 27,174
11 mkdocs-material 26,934
12 Seal 26,893
13 components 25,028
14 mdb-ui-kit 24,258
15 Hero 22,458
16 FlutterExampleApps 21,494
17 framework7 18,670
18 material-components-android 17,308
19 MaterialDesignInXamlToolkit 16,169
20 dots-hyprland 14,810
21 react-native-paper 14,393
22 TW-Elements 13,141
23 Material 11,983

Sponsored
SaaSHub - Software Alternatives and Reviews
SaaSHub helps you find the best software and product alternatives
www.saashub.com

Did you know that JavaScript is
the 5th most popular programming language
based on number of references?