Open-Awesome
CategoriesAlternativesStacksSelf-HostedExplore
Open-Awesome

© 2026 Open-Awesome. Curated for the developer elite.

TermsPrivacyAboutGitHubRSS
  1. Home
  2. Categories
  3. Front-End Development
  4. Material Design

Material Design

The "Awesome Material Design" project is a curated collection of resources focused on Material Design, a design system developed by Google that emphasizes clean, modern aesthetics and intuitive user experiences. This list encompasses a variety of resources including UI components, design guidelines, libraries, tools, and tutorials that facilitate the implementation of Material Design principles in web and mobile applications. It is beneficial for designers, developers, and product teams looking to create cohesive and visually engaging interfaces. With a wealth of resources at your fingertips, you can enhance your projects and streamline your design process using Material Design.

material-designui-componentsdesign-guidelinesweb-developmentmobile-developmentdesign-toolstutorials
RSSView on GitHub
649 stars54 forks0 contributorsUpdated
Community-curated · Updated weekly · 100% open source

Found a gem we're missing?

Open-Awesome is built by the community, for the community. Submit a project, suggest an awesome list, or help improve the catalog on GitHub.

Submit a projectStar on GitHub

Related Awesome Lists

💚
Vue.js

The "Awesome Vue.js" project is a curated collection of resources aimed at supporting developers using Vue.js, a progressive JavaScript framework for building user interfaces. This list encompasses a variety of resources including libraries, tools, plugins, tutorials, and community contributions that enhance the development experience. Whether you are a beginner looking to learn the basics or an experienced developer seeking advanced techniques, this list provides invaluable resources to help you create dynamic and responsive web applications. Dive into this collection to discover tools and insights that will elevate your Vue.js projects to the next level.

73.6k
⚛️
React

The "Awesome React" project is a curated resource list designed to support developers using React, a popular JavaScript library for building user interfaces. This list includes a wide range of resources such as libraries, tools, tutorials, components, and community-driven content that enhance the development experience. Whether you are a beginner looking to learn the basics or an experienced developer seeking advanced techniques, this collection provides valuable insights and tools to streamline your workflow. Dive into the world of React and discover the resources that will help you create dynamic and responsive user interfaces with ease.

72.7k
📦
Android UI

The "Awesome Android UI" project is a curated resource list dedicated to enhancing user interface design for Android applications. Android UI refers to the visual elements and interactive components that make up the user experience on Android devices. This list includes a variety of resources such as UI libraries, design tools, components, animations, and tutorials that cater to both novice and experienced developers. By providing a comprehensive selection of resources, this project empowers developers to create visually appealing and user-friendly applications. Whether you're looking for inspiration or practical tools to streamline your design process, you'll find valuable assets to elevate your Android UI development.

55.8k
🌊
Tailwind CSS

The "Awesome Tailwind CSS" project is a comprehensive repository of resources dedicated to using Tailwind CSS, a utility-first CSS framework for building custom user interfaces rapidly. This curated list includes official documentation, IDE extensions, tools, UI libraries, components, and plugins, providing valuable aids for developers of all skill levels. With resources for design inspiration and development support, the project fosters a vibrant community around Tailwind CSS. Whether you’re searching for components or enhancing your workflow, this collection serves as a go-to guide for maximizing the potential of Tailwind CSS.

15.0k

Table of Contents

1 sections · 51 projects

General

51 projects
material-design-iconsmaterial-design-icons

Official Material Design icon sets from Google, including variable font-based Material Symbols and classic Material Icons.

#design-system#ios#variable-fonts
Stars53,882
Forks9,746
Last commit3 days ago
material-design-iconic-fontmaterial-design-iconic-font

A comprehensive icon font and CSS toolkit featuring official Google Material Design icons and community additions.

#frontend#icon-font#ui-design
Stars1,403
Forks191
Last commit3 years ago
material-design-fonticonsmaterial-design-fonticons

A font-based icon set converted from Google's Material Design icons for easy web integration.

#design-system#css-icons#web-fonts
Stars71
Forks4
Last commit9 years ago
material-colorsmaterial-colors

A collection of Google's Material Design colors available as CSS classes, variables, and JSON for developers.

#design-system#stylus#sass
Stars273
Forks38
Last commit3 months ago
material-colormaterial-color

A comprehensive color palette based on Google's Material Design, available for Less, Sass, and Stylus.

#design-system#stylus#sass
Stars137
Forks10
Last commit9 years ago
sass-material-colorssass-material-colors

A Sass/SCSS library providing Google's Material Design color palette with helper functions and placeholders.

#design-system#sass#frontend
Stars131
Forks21
Last commit10 years ago
Google-Material-Design-Font-IconGoogle-Material-Design-Font-Icon

A font icon library based on Google's Material Design icon set, providing scalable vector icons for web projects.

#icon-library#font-icons#css-icons
Stars5
Forks0
Last commit8 years ago
Material Design Icons

materialdesignicons.com
Android Asset Studio

romannurik.github.io
WavesWaves

A Material Design-inspired click effect library for web interfaces.

#user-interface#ui-animations#visual-feedback
Stars3,462
Forks486
Last commit3 years ago
material-design-hamburgermaterial-design-hamburger

A CSS implementation of Android's Material Design hamburger menu animation with minimal JavaScript.

#hamburger-menu#frontend#ui-components
Stars88
Forks10
Last commit9 days ago
Material-PreloaderMaterial-Preloader

A jQuery plugin that recreates the Material Design preloader animation seen in Google's Inbox.

#jquery-plugin#loading-animation#frontend
Stars367
Forks73
Last commit9 years ago
SVG-MorpheusSVG-Morpheus

JavaScript library for morphing SVG icons between states, implementing Material Design's Delightful Details transitions.

#delightful-details#ui-animations#icon-morphing
Stars2,698
Forks240
Last commit9 years ago
Material-Design-ColorPickerMaterial-Design-ColorPicker

A color picker component implementing Google's Material Design color palette and guidelines.

#design-system#user-interface#web-design
Stars11
Forks2
Last commit8 years ago
material-design-color-palettematerial-design-color-palette

A LESS/CSS toolkit providing the complete Material Design color palette with customizable variables and mixins.

#design-system#frontend#google-design
Stars165
Forks40
Last commit10 years ago
md-timepickermd-timepicker

A Polymer web component for selecting time with Material Design styling, inspired by Android's timepicker.

#timepicker#web-components#custom-elements
Stars12
Forks4
Last commit7 years ago
md-date-timemd-date-time

An AngularJS date and time picker component with Material Design styling and flexible display modes.

#time-picker#date-picker#angularjs
Stars173
Forks29
Last commit11 years ago
ng-material-floating-buttonng-material-floating-button

An AngularJS directive implementing a Material Design floating action button menu with customizable effects and templates.

#interactive-menus#angularjs#directive
Stars463
Forks123
Last commit10 years ago
DevExtreme Reactive

devexpress.github.io
SurfaceSurface

A CSS-only framework implementing Google's Material Design system without JavaScript dependencies.

#design-system#lightweight#css-only
Stars357
Forks57
Last commit3 years ago
material-uimaterial-ui

A comprehensive React component library implementing Google's Material Design, trusted by product teams worldwide.

#design-system#material-ui#frontend
Stars99,014
Forks32,561
Last commit1 day ago
bootstrap-material-designbootstrap-material-design

Redirect repository for Bootstrap Material Design, now maintained by MDBootstrap.

#redirect#mdbootstrap#frontend
Stars25
Forks27
Last commit5 years ago
materializematerialize

A modern responsive front-end framework based on Google's Material Design principles.

#design#javascript-plugins#frontend
Stars38,809
Forks4,600
Last commit17 days ago
materialBootstrapmaterialBootstrap

A Twitter Bootstrap theme implementing Google's Material Design components and visual language.

#web-design#cross-browser#frontend
Stars68
Forks5
Last commit11 years ago
material-playgroundmaterial-playground

A live playground showcasing Polymer's paper elements for material design web components.

#web-components#paper-elements#polymer-material
Stars256
Forks49
Last commit4 years ago
material-frameworkmaterial-framework

A CSS-only framework implementing Google's Material Design for web pages and apps.

#design-system#design#css-only
Stars381
Forks83
Last commit6 years ago
muimui

A lightweight CSS framework that implements Google's Material Design guidelines with minimal footprint.

#google-material#lightweight#frontend
Stars4,483
Forks413
Last commit5 years ago
material-foundationmaterial-foundation

A Material Design implementation of the Foundation for Sites frontend framework.

#foundation#foundation-framework#frontend
Stars349
Forks75
Last commit9 years ago
Tronic247 Material

tronic247.com
AngularJSAngularJS

A set of AngularJS-native UI components implementing Google's Material Design specification for single-page applications.

#single-page-applications#javascript-framework#angularjs
Stars16,397
Forks3,308
Last commit2 years ago
AngularAngular

Official Material Design UI components and infrastructure tools for building custom Angular components.

#accessibility#frontend#typescript
Stars25,045
Forks6,840
Last commit2 days ago
DevExtreme

js.devexpress.com
ember-paperember-paper

An Ember.js addon that implements Google's Material Design specification as reusable components.

#ember-paper#sass#ember-addon
Stars879
Forks327
Last commit1 month ago
material-design-litematerial-design-lite

A vanilla HTML/CSS/JS library for adding Material Design components to static websites.

#material-design-lite#web-components#static-websites
Stars32,190
Forks4,898
Last commit4 months ago
MUI

mui.com
react-materialreact-material

Material Design UI components built with React.js and React Style for web applications.

#design-system#frontend#web-apps
Stars402
Forks37
Last commit9 years ago
quantum-colorsquantum-colors

A Sass library providing the complete Material Design color palette for consistent UI theming.

#design-system#ui-theming#sass
Stars40
Forks3
Last commit8 years ago
quantum-shadowsquantum-shadows

A Sass library providing Material Design drop shadows via mixins for easy CSS shadow implementation.

#design-system#web-design#sass
Stars33
Forks3
Last commit9 years ago
google-material-designgoogle-material-design

A lightweight SASS library implementing Google's Material Design guidelines for consistent UI components.

#design-system#web-design#sass-library
Stars16
Forks2
Last commit12 years ago
MaterialPressMaterialPress

A WordPress theme implementing Google's Material Design philosophy with Materialize framework components.

#web-design#open-source-theme#wordpress-development
Stars105
Forks26
Last commit11 years ago
materialwpmaterialwp

A starter WordPress theme implementing Google's Material Design using Bootstrap.

#gulp#bootstrap4#starter-theme
Stars461
Forks117
Last commit3 years ago
MaterialSkinMaterialSkin

A .NET WinForms library that applies Google's Material Design principles to desktop applications.

#desktop-application#theming#design
Stars3,041
Forks861
Last commit2 years ago
MaterialDesignInXamlToolkitMaterialDesignInXamlToolkit

A comprehensive Material Design theme and control library for WPF desktop applications in C# and VB.NET.

#desktop-application#hacktoberfest#theme-library
Stars16,254
Forks3,498
Last commit3 days ago
material_design_zhmaterial_design_zh

A collaborative Chinese translation of Google's Material Design specification.

#open-collaboration#design-specification#git
Stars3,048
Forks810
Last commit7 years ago
material-color-schemematerial-color-scheme

A Sublime Text syntax theme based on Google's Material Design color palette.

#syntax-theme#syntax-highlighting#sublime-text
Stars68
Forks12
Last commit10 years ago
framaterialframaterial

A frontend framework for building web projects with Material Design components using jQuery.

#jquery#css-framework#ui-components
Stars44
Forks10
Last commit11 years ago
Material Design Templates

themeforest.net
MaterialUp

materialup.com
Material Palette

materialpalette.com
Paper Polymer Elements

elements.polymer-project.org
ScaffoldHub.io

scaffoldhub.io