awesome-material-design

An awesome list of Material frameworks, components, and other tools.
https://github.com/Richienb/awesome-material-design

Last synced: 3 days ago
JSON representation

CSS and JS
- Frameworks CSS JS
  - Material Components for the Web - Google's official CSS and JS Material design components, still in development
  - MaterialzeCSS - Popular CSS and JS (+ jquery) Material Framework with many components supported
  - Material Design Lite - Created by google, limited support, replaced by Material Components for the web
  - Surface - Another lightweight material framework, frequently updated
  - Material Foundation - Official Material Theme for Foundation, not updated
  - MUICSS - Lightweight Material framework, frequently updated
  - Matter - Pure CSS material components using modern css practices
  - Bootstrap Material Design - Bootstrap 3 and 4 material design, built on Bootstrap. Not updated
  - Material - Bootstrap 4 Material components, updated recently
  - Material Kit - Bootstrap 4 theme that can be used with many frameworks and platforms
  - Propeller - 25 Material UI components built on Bootstrap 4
  - material-sass - Material SASS for Bootstrap as a RubyGem
  - Material Components for the Web - Google's official CSS and JS Material design components, still in development
  - Polymer MDC Web Components - Material Design implemented as Web Components.
- Components
  - css-ripple-effect - Pure CSS Ripple, no JS
  - paper-ripple - CSS and JS Ripple Effect
  - md-preloader - Material SVG Loader animated with CSS
  - md-date-time-picker - Material Design Date and Time picker in CSS, JS, and HTML
  - materialize-autocomplete - Jquery and CSS Material Autocomplete component for Materialize
  - Material-Design-For-Full-Calendar - Full Material Calender with Material Design built on Jquery and CSS
  - mdtogglecss - Material Design Toggle slider in CSS
  - paper-toolbar - Ploymer material toolbar
- Templates
  - material-dashboard - Material Dasbhoard for Bootstrap 4
  - Bootstrap-4-templates - Many free material templates for Bootstrap 4
  - Material-admin - Material Dashboard Admin built on Bootstrap 4 and jquery
  - Ecommerce-Template-Bootstrap - Bootstrap 4 Ecommerce template built with material design
  - Blog-Template-Bootstrap - Boostrap 4 blog template in material
Angular
- Frameworks
  - Angular Material - The Angular Team's Material Component Library
  - Material Community Components - An awesome idea for a library of components built by the angular community for components not found in the offical Angular Material rep.
  - Angular2 Materialize - Port of materialilze to Angular
  - Angular Bootstrap with Material Design - Material design theme for bootstrap ported to angular bootstrap
  - angular-mdc-web - Port of Material Design Components for the Web to Angular 2
  - angular2-mdl - Port of Material Design lite to Angular 2
- Templates
  - material-dashboard-angular2 - Material Dashboard framework built on Material Kit
  - angular-material-dashboard - Material Dashboard for Angular 2
  - cdk-admin - Admin dashboard using Angular Material and Flexbox
  - material-angular-dashboard - First dark themed Angular Dashboard
- Components
  - md-data-table - Material Data table for Angular Material 2
  - ng2-md-datatable - Another Angular 2 Maaterial Data Table
  - MaterialTimeControl - Awesome Material Time picker and control
  - ng2-material-dropdown - Material Dropdown for Angular 2
  - angular-material-fileupload - A file upload and progress indicator for Angular 2
  - ngx-mat-select-search - Select search dropdown for Angular Material
  - angular-mgl-timeline - A vertical timeline component built for Angular Material
  - angular2-mdl-ext - Some more material components for Angular 2 Material Design Lite project
  - material2-carousel - A material carousel for Angular material
  - ng2-daterange-picker - Select a date range component for Angular 2
  - angular-material-sidemenu - Sidemenu for Angular material
React Native
- Frameworks React Native
  - React native Material Kit - Material UI components for react native, updated
  - React Native Material UI - Highly Customizable react native componetns, updated frequently
  - React Native Paper - Material Design for iOS and Android
- Components React Native
  - react-native-md-textinput - Another Material Design Text Input
  - react-native-material-menu - Great Material Menu component for RN
  - react-native-material-cards - Material Cards for RN
  - react-native-fab - Just a simple Material FAB
  - react-native-material-textfield - Material Design Textfield for React native
  - react-native-material-dropdown - Material Design Dropdown for React native
  - react-native-material-buttons - Material Buttons with Ripple for React Native
  - react-native-material-ripple - Awesome Material design component, works on both Android and iOS
  - react-native-circular-menu - Amazing circular menu animation for RN
  - react-native-material-switch - Material Switch for both iOS and Android
  - react-native-material-dialog - Custom Material dialog for react native
  - react-native-material-tabs - Material Tabs implemented in RN
  - react-native-material-design-searchbar - Material design Searchbar
  - react-native-material-bottom-navigation - Material bottom navigation for RN
  - react-native-material-backdrop - Material backdrop for react native
Android
- Components
  - MaterialDrawer - All in one Material Design 2 drawer for Android
  - MaterialEditText - Text input for Android
  - MaterialSpinner - Material Design spinner for android
  - MaterialDateTimePicker - Long supported Material DateTimePicker, supports Android 4.1
  - MaterialDateRangePicker - Fork of MaterialDateTimePicker that allows for a range to be chosen
  - SublimePicker - Date and Time picker with many options
  - MaterialNavigationDrawer - An easier to use Material Navigation Drawer
  - material-menu - Cool morphing material menu icons
  - material-dialogs - Modern Material Dialogs for Android
  - MaterialSearchView - Text Search Field for Android
  - MaterialLogin - Neat Login animation component
  - Material-backdrop) - Implemented new material component Backdrop for android
  - Material-Backdrop-Android - Andother material backdrop for android
  - IBackdrop - Kotlin Material Backdrop
- Frameworks
  - Material Components Android - Material Components developed by Google for Android
  - Material - Back-port Material Design components to pre-Lolipop Android
  - MaterialDesignLibrary - Material Components for Android L
iOS
- Frameworks
  - Material Components iOS - Material components for iOS built by Google
  - Material - Material Switch components
- Components
  - Material-Controls-For-iOS - Radio buttons, checkboxes, and more for iOS
  - DropDown - Material Dropdown for iOS
  - material-showcase-ios - Component to walkthrough some actions, using material
  - GoogleMaterialDesignIcons - Icons ported to iOS
  - paper-onboarding - Material tab component for iOS
  - circle-menu - Nice ciruclar material menu with animations
  - paper-switch - Material switch component that changes the background as well
  - expanding-collection - Expanding a material card to a section
  - WYMaterialButton - Material button with a bounce
  - material-motion-swift - Set of animations for Material in swift
  - BFPaperButton - Material buttons in iOS
Color
- Site Tools
  - Material Color Tool - Offical color tool for creating themes with material colors
  - Material UI Colors - Great tool for selecting and browsing Material Colors
  - Material Palette - Similiar color tool for browsing Material Colors A
  - Material UI Colors - Great tool for selecting and browsing Material Colors
- Dev
  - material-colors - Exposes Material colors as css classes and variables as well as global variables
Icons
- Dev
  - Material Design Icons - Official Material Icons by Google
  - Material Design Iconic Font - A full suite of Material design icons (created and maintained by Google) with additional community-designed and brands icons for easy scalable vector graphics on websites or desktop.
  - material_icons - Rails wrapper for material icons
  - angular-material-icons - Material icons offer
Other
- Cordova
  - Phonon - Javascript/CSS3/HTML5 mobile framework for PhoneGap/Cordova
- AngularJS
  - AngularJS Material - Angular Material components by the AngularJS team
  - Lumx - Still actively developed for AngularJS 1
  - Angular Materialize - Port of Materialize for AngjuarJS as directives
- Wordpress
  - MaterialWP - Material Theme for wordpress
- Blazor
  - BlazorMaterial - Port of Material Design Web Components to Blazor
- XAML
  - MaterialDesignInXamlToolkit - Library of components for XAML
React
- Frameworks
  - React MD - Material React Components built with sass
  - React Materialize - Port of Materialze to React
  - React Material Components - Port fo Material Components for the Web to react
  - React Toolbox - Material Design components in React and CSS modules
  - rmwc - Another port of Material Componetns for the web for react
  - React Bootstrap with Material - Material Design theme for React Bootsrap
- Components
  - react-material-floating-button - Material Design FAB button in React
  - material-table - Material Table based on Material UI with more options
  - material-ui-chip-input - Material Chip in a TextField based on Material UI
  - mui-datatables - Material design datatables based on Material UI with more features
  - react-materialui-notifications - Material UI notifications with more features
  - material-auto-rotating-carousel - Material Carousel based on Material UI
- Templates
  - material-dashboard-react - Full dashboard ui built in react and material design
  - react-admin - Framework using Material UI and Graphql to create Admin panels
  - material-sense - Template built on Material UI for building a full app
Vue
- Frameworks
  - Vue material - Lightweight material library for Vue
  - Vuetify - Popular full material library for Vue
  - Muse-ui - Custom material library for Vue
  - Vue MDC - Port of Material Design Components for the Web to Vue
  - Vue MDC Adapter - Integration of Material Components for Vue.js which follows the best practices recommended by Google.
  - Keen UI - Lightweight Material Components for Material Web
  - material-components-vue - Updated Port of Material Design Components for the Web to Vuew
  - quasar - A framework on top of Vue that provides Material Design 2 components
  - Devextreme Reactive - Material Components built on Bootstrap and Vue
- Components
  - vue-materialize-datatable - Materialize Datatable built for Vue
  - vue-ripple - Simple Ripple implemented in Vue
  - vuetify-daterange-picker - Material Daterange picker for Vuetify
  - vue-ripple-directive - Material Ripple built as a Vue Directive
  - vue-cool-select - Select with autocomplete with a material theme
  - vue-floating-action-button - FAB implemented in Vue
  - vue-material-year-calendar - 12 month material calener in Vue
  - vue-mdl-datepicker - Material Date picker for Vue
- Templates
  - vue-material-admin - Vue Material Admin built on Vuetify
  - adminify - An another Material Admin built on Vuetify
Flutter
- Components
  - Material-Backdrop-Flutter - Backdrop from new material design for Flutter
  - IntroViews-Flutter - Nice intro animations and screens using material design
  - flutter_colorpicker - Material card color picker
  - flutter-autocomplete-textfield - Autocomplete textfield built with material
  - flutter_fluid_slider - Animated slider
  - flutter_speed_dial - FAB speeddial in flutter
  - material_pickers - Another flutter color picker
  - rubber - Elastic Material Bottom Sheet
  - ProgressButton - Material Button that morphs into a progress indicator
Aurelia
- Components
  - Aurelia Materialize Bridge - Aurelia Bridge for materializecss
  - Aurelia mdl - Material Design Lite port to aurelia
  - Aurelia mdc bridge - Material Design Components for the web port to aurelia
  - Aurelia Material - Another wrapper for Material Design Lite
Elm
- Frameworks
  - Elm MDC - Port of Material Design Components to elm
  - Elm MDL - Port of Material Design lite to Elm
- Components
  - material-icons - Material icons made available in elm
  - elm-material-datepicker - Material Datepicker built in elm
  - elm-dialog - Material Dialog in elm

Programming Languages

JavaScript 45 TypeScript 25 Java 13 Vue 11 Dart 9 CSS 9 HTML 9 Swift 8 Elm 4 SCSS 4

awesome-material-design

CSS and JS

Frameworks CSS JS

Components

Templates

Angular

Frameworks

Templates

Components

React Native

Frameworks React Native

Components React Native

Android

Components

Frameworks

iOS

Frameworks

Components

Color

Site Tools

Dev

Icons

Dev

Other

Cordova

AngularJS

Wordpress

Blazor

XAML

React

Frameworks

Components

Templates

Vue

Frameworks

Components

Templates

Flutter

Components

Aurelia

Components

Elm

Frameworks

Components