Material is a design system – backed by open-source code – that helps teams build high-quality digital experiences
Below is a list of frameworks, components, templates, tools, and resources for Material Design.
- 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
- MUICSS - Lightweight Material framework, frequently updated
- Surface - Another lightweight material framework, frequently updated
- Polymer MDC Web Components - Material Design implemented as Web Components.
- Material Foundation - Official Material Theme for Foundation, not 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
- 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
- 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
- Material UI - Most popular UI library for React, frequently updated.
- 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
- React Bootstrap with Material - Material Design theme for React Bootsrap
- rmwc - Another port of Material Componetns for the web for react
- DevExtreme Reactive - React components using Bootstrap and Material Design
- 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
- material-ui-pickers - Beautfiul Material Date and Time Pickers for use with Material UI
- 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
- 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
- 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
- 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
- angular-material-sidemenu - Sidemenu for Angular material
- 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
- Vue material - Lightweight material library for Vue
- Vuetify - Popular full material library for Vue
- Muse-ui - Custom material library for Vue
- Vue Bootstrap with Material Design - Theme and components for Material Design on Vue Bootstrap
- 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
- Devextreme Reactive - Material Components built on Bootstrap and Vue
- quasar - A framework on top of Vue that provides Material Design 2 components
- BalmUI - Modern Material Components for Vue
- 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
- vue-material-admin - Vue Material Admin built on Vuetify
- adminify - An another Material Admin built on Vuetify
- 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
- react-native-material-textfield - Material Design Textfield for React native
- react-native-md-textinput - Another Material Design Text Input
- react-native-material-dropdown - Material Design Dropdown for React native
- react-native-material-buttons - Material Buttons with Ripple for React Native
- 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-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
- 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
- Material Components Android - Material Components developed by Google for Android
- Material - Rebuilding material components using Motion
- Material - Back-port Material Design components to pre-Lolipop Android
- MaterialDesignLibrary - Material Components for Android L
- 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
- MaterialDrawer - All in one Material Design 2 drawer for Android
- MaterialNavigationDrawer - An easier to use Material Navigation Drawer
- material-menu - Cool morphing material menu icons
- material-dialogs - Modern Material Dialogs for Android
- MaterialEditText - Text input 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
- Material - Material Switch components
- Material Components iOS - Material components for iOS built by Google
- 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
- material-motion-swift - Set of animations for Material in swift
- BFPaperButton - Material buttons in iOS
- JTMaterialTransition - Material transitions for components transitioning into others
- 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
- 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
- material-icons - Material icons made available in elm
- elm-material-datepicker - Material Datepicker built in elm
- elm-dialog - Material Dialog in elm
- 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-colors - Exposes Material colors as css classes and variables as well as global variables
- Material Design Icons - Official Material Icons by Google
- Material Design Community Icons - Material Design Icons created by the community
- 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
- MaterialWP - Material Theme for wordpress
- Phonon - Javascript/CSS3/HTML5 mobile framework for PhoneGap/Cordova
- Lumx - Still actively developed for AngularJS 1
- AngularJS Material - Angular Material components by the AngularJS team
- Angular Materialize - Port of Materialize for AngjuarJS as directives
- Blazorize - Component Library for Balzorise that has material theme
- BlazorMaterial - Port of Material Design Web Components to Blazor
- MaterialDesignInXamlToolkit - Library of components for XAML
