material-components-web - Modular and customizable Material Design UI components for the web

  •        28

Material Components for the web (MDC-Web) helps developers execute Material Design. Developed by a core team of engineers and UX designers at Google, these components enable a reliable development workflow to build beautiful and functional web projects.MDC-Web strives to seamlessly incorporate into a wider range of usage contexts, from simple static websites to complex, JavaScript-heavy applications to hybrid client/server rendering systems. In short, whether you're already heavily invested in another framework or not, it should be easy to incorporate Material Components into your site in a lightweight, idiomatic fashion.

https://material.io/components/
https://github.com/material-components/material-components-web

Tags
Implementation
License
Platform

   




Related Projects

material-components-web-components - Material Web Components - Material Design implemented as Web Components

  •    Javascript

Material Web Components helps developers execute Material Design using web components. Built on top of the Material Components Web project and LitElement, the Material Web Components enable a reliable development workflow to build beautiful and functional web projects.

preact-material-components - preact wrapper for "Material Components for the web"

  •    TypeScript

These components bring material components in an a-la-carté fashion. You can use n number of components without taking the weight of any extra code of the components you do not use. preact-material-components is a thin opinion-less wrapper over material-components-web. Use these for painless integration of these components into your project, without taking the bloat.

material-kit - Free Bootstrap Material Design UI Kit

  •    CSS

Material Kit is a Free Bootstrap 4 UI Kit with a fresh, new design inspired by Google's material design. You asked for it, so we built it. It's a great pleasure to introduce to you the material concepts in an easy to use and beautiful set of components. Along with the restyling of the Bootstrap elements, you will find three fully-coded example pages, to help you design your next project. Material Kit makes use of light, surface and movement. It uses a deliberate color choice, edge-to-edge imagery and large scale typography. The general layout resembles sheets of paper following multiple different layers, so that the depth and order is obvious. The navigation stays mainly on the left and the actions on the right.

material-dashboard - Material Dashboard - Open Source Bootstrap 4 Material Design Admin

  •    CSS

Material Dashboard is a free Material Bootstrap Admin with a fresh, new design inspired by Google's Material Design. We are very excited to introduce our take on the material concepts through an easy to use and beautiful set of components. Material Dashboard was built over the popular Bootstrap framework and it comes with a couple of third-party plugins redesigned to fit in with the rest of the elements. Material Dashboard makes use of light, surface and movement. The general layout resembles sheets of paper following multiple different layers, so that the depth and order is obvious. The navigation stays mainly on the left sidebar and the content is on the right inside the main panel.


material-components-ios - Modular and customizable Material Design UI components for iOS

  •    Objective-C

Material Components for iOS (MDC-iOS) helps developers execute Material Design. Developed by a core team of engineers and UX designers at Google, these components enable a reliable development workflow to build beautiful and functional iOS apps. Learn more about how Material Components for iOS supports design and usability best practices across platforms in the Material Design Platform Adaptation guidelines.Material Components for iOS are written in Objective-C and support Swift and Interface Builder.

material-components-web-react - Material Components for React (MDC React)

  •    Javascript

MDC React is a wrapper library for MDC Web. We're aiming for MDC React Components to mirror MDC Web Components. Please refer to our MDC Web Catalog to interact with the Components. This repo also serves as an example of how to use MDC Web's Foundation and Adapter classes. The following is a list of the components that are ready to be used, with corresponding links to the material.io design spec and MDC Web code.

Vuetify.js - Material Component Framework for Vue.js 2

  •    Javascript

Vuetify is a semantic component framework for Vue. It aims to provide clean, semantic and reusable components that make building your application a breeze. Build amazing applications with the power of Vue and Material Design and a massive library of beautifully crafted components. Created according to Google's Material Design Spec, Vuetify components feature an easy-to-remember semantic design that shifts remembering complex classes and markup, to type-as-you speak properties that have simple and clear names.

material-components-android - Modular and customizable Material Design UI components for Android

  •    Java

Material Components for Android (MDC-Android) help developers execute Material Design. Developed by a core team of engineers and UX designers at Google, these components enable a reliable development workflow to build beautiful and functional Android apps.Material Components for Android are based on Android’s Design support library (DesignLib) which will continue to be released as part of Android’s SDK.

material-ui - React components that implement Google's Material Design.

  •    Javascript

React components that implement Google's Material Design. Material-UI is available as an npm package.

Keen-UI - A lightweight collection of essential UI components written with Vue and inspired by Material Design

  •    Javascript

Keen UI is a lightweight Vue.js UI library with a simple API. The design is inspired by Google's Material Design. However, Keen UI is not meant to be a full implementation of the Material Design spec. Keen UI is not a CSS framework. As such, it doesn't include a grid system, typography styles, etc. Instead, the focus is on interactive components that require Javascript.

vue-mdc - Material web components for Vue.js

  •    Javascript

This is the adaptation of Material Components web for Vue.js. Keeping them fast, easy to use and, SSR ready. The prepublish hook will ensure dist files are created before publishing. This way you don't need to commit them in your repository.

material-dashboard-angular2 - Material Dashboard Angular 4

  •    CSS

Material Dashboard Angular is a free Material Bootstrap Admin with a fresh, new design inspired by Google's Material Design. We are very excited to introduce our take on the material concepts through an easy to use and beautiful set of components. Material Dashboard was built over the popular Bootstrap framework and it comes with a couple of third-party plugins redesigned to fit in with the rest of the elements. Material Dashboard makes use of light, surface and movement. The general layout resembles sheets of paper following multiple different layers, so that the depth and order is obvious. The navigation stays mainly on the left sidebar and the content is on the right inside the main panel.

material - Material Design for Bootstrap 4

  •    CSS

Daemonite's Material UI is a cross-platform and fully responsive front-end interface based on Google Material Design developed using Bootstrap 4. The basic idea behind this project is to combine the front-end technology of the popular Bootstrap framework with the visual language of Google Material Design.

material-dashboard-react - React version of Material Dashboard by Creative Tim

  •    Javascript

Material Dashboard React is a free Material-UI Admin with a fresh, new design inspired by Google's Material Design. We are very excited to introduce our take on the material concepts through an easy to use and beautiful set of components. Material Dashboard React was built over the popular Material-UI framework. Material Dashboard React makes use of light, surface and movement. The general layout resembles sheets of paper following multiple different layers, so that the depth and order is obvious. The navigation stays mainly on the left sidebar and the content is on the right inside the main panel.

fluid - :book: Library for QtQuick apps with Material Design

  •    QML

Fluid is a collection of cross-platform QtQuick components for building fluid and dynamic applications, using the Material Design guidelines. Online documentation is available at liri.io.

react-toolbox - A set of React components implementing Google's Material Design specification with the power of CSS Modules

  •    Javascript

React Toolbox uses CSS Modules by default to import stylesheets written using PostCSS & postcss-preset-env features. In case you want to import the components already bundled with CSS, your module bundler should be able to require these PostCSS modules. Although we recommend webpack, you are free to use whatever module bundler you want as long as it can compile and require PostCSS files located in your node_modules. If you are experiencing require errors, make sure your configuration satisfies this requirement.

react-mdl - React Components for Material Design Lite

  •    CSS

This library is now deprecated. It's higly recommended to use Material Design Components instead. Instead of using the official material.css and material.js files from the MDL project, you should use the files we provide in /extra. The reason to that is because the official Layout component is not fully compatible with React. We made a patch and we re-exported everything so people can still use it. If you're worried about the changes we made, you can take a look at the patch note or read about the issue in this ticket.