HTML Material Design

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

Top 11 HTML Material Design Projects

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

  • Tailwind-Elements

    𝙃𝙪𝙜𝙚 collection of Tailwind components, sections and templates 😎 - FREE for commercial use

    Project mention: Looking for advice on UI framework instead of Vuetify | | 2022-09-30

    I've been using Tailwind Elements for my latest project.

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

  • MatBlazor

    Material Design components for Blazor and Razor Components

    Project mention: Dotnet 6 and Material Design for Bootstrap? | | 2022-03-01
  • Propeller

    Propeller - Develop more, Code less. Propeller is a front-end responsive framework based on Google's Material Design Standards & Bootstrap. (by digicorp)

  • PurpleAdmin-Free-Admin-Template

    Purple Admin is one of the most stylish Bootstrap admin dashboard you can get hands on. With its beautifully crafted captivating design and well-structured code.

    Project mention: 20+ Bootstrap Admin Dashboard Templates for 2022 | | 2022-03-17

    Image source:

  • MaterialDesign-Webfont

    @mdi/font Dist for Material Design Icons.

  • MaterialDesign-Font

    Distribution Repo for the TTF font

  • InfluxDB

    Build time-series-based applications quickly and at scale.. InfluxDB is the Time Series Data Platform where developers build real-time applications for analytics, IoT and cloud-native services in less time with less code.

  • battery_example

    Detect the current battery level and battery state of your phone in Flutter and also detect if your phone is currently charging.

  • before_after_example

    The Flutter Before and After Slider showcases the differences between the two images in Flutter.

  • safearea_example

    Flutter's SafeArea Widget keeps the system UI such as the status bar separated from your widgets on Android & iOS.

  • hello_world

    Create your first Flutter App from Scratch by developing a Hello World application for both iOS and Android in Flutter.

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-09-30.

HTML Material Design related posts


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

Project Stars
1 material-design-lite 32,097
2 Tailwind-Elements 9,656
3 MatBlazor 2,701
4 Propeller 1,139
5 PurpleAdmin-Free-Admin-Template 585
6 MaterialDesign-Webfont 307
7 MaterialDesign-Font 102
8 battery_example 4
9 before_after_example 3
10 safearea_example 1
11 hello_world 0
Find remote jobs at our new job board There are 8 new remote jobs listed recently.
Are you hiring? Post a new remote job listing for free.
Truly a developer’s best friend
Scout APM is great for developers who want to find and fix performance issues in their applications. With Scout, we'll take care of the bugs so you can focus on building great things 🚀.