Material - A UI/UX framework for creating beautiful applications.

  •        26

Welcome to Material, a UI/UX framework for creating beautiful applications. Material's animation system has been completely reworked to take advantage of Motion, a library dedicated to animations and transitions. Take a look at a sample Photos project to get started.

http://cosmicmind.com
https://github.com/CosmicMind/Material

Tags
Implementation
License
Platform

   




Related Projects

Motion - A library used to create beautiful animations and transitions for Apple devices.

  •    Swift

Welcome to Motion, a library used to create beautiful animations and transitions for views, layers, and view controllers. Take a look at a sample Photos project to get started.

MaterialDrawer - The flexible, easy to use, all in one drawer library for your Android project.

  •    Java

If any (or all) of these questions seem familiar, the MaterialDrawer is the perfect library for you all. Never waste your time again. It provides you with the easiest possible implementation of a navigation drawer for your application. There is a Header with profiles (AccountHeader), a MiniDrawer for Tablets (like Gmail), provide custom DrawerItems, custom colors, custom themes, ... No limits for customizations.

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.

Samples - Sample projects using Material, Graph, and Algorithm.

  •    Swift

Samples is a collection of example projects that use Material, Motion, Graph, and Algorithm. Using Material and Motion, a dynamic photo gallery is created with dynamic animations used during transitions.

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

react-native-snackbar - :bento: Material Design "Snackbar" component for Android and iOS.

  •    Objective-C

Material Design "Snackbar" component for Android and iOS. Snackbars are used for displaying a brief message to the user, along with an optional action. They animate up from the bottom of the screen and then disappear shortly afterward.

Android-studio-material-template - A template for Android Studio to create applications with material design and Navigation Drawer

  •    FreeMarker

A template for Android Studio to create applications with material design and Navigation Drawer.

material-theme - Material Theme, the most epic theme for Sublime Text 3 by Mattia Astorino

  •    Python

This theme brings the Material Design visual language to your Sublime Text 3. If you have problems, first search for a similiar issue and then report a new one. Please read the Known Issues section before reporting a new one. Any issue that does not use the issue template and any issue related to the known issues section will be automatically closed.

expanding-collection - :octocat: ExpandingCollection is an animated material design UI card peek/pop controller

  •    Swift

This project is maintained by Ramotion, Inc. We specialize in the designing and coding of custom UI for Mobile Apps and Websites. Looking for developers for your project? This project is maintained by Ramotion, Inc. We specialize in the designing and coding of custom UI for Mobile Apps and Websites.

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.

folding-cell - :octocat: 📃 FoldingCell is an expanding content cell with animation inspired by folding paper card material design

  •    Swift

Looking for developers for your project? This project is maintained by Ramotion, Inc. We specialize in the designing and coding of custom UI for Mobile Apps and Websites. The iPhone mockup available here.

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.

MaterialNavigationDrawer - Navigation Drawer Activity with material design style and simplified methods

  •    Java

Navigation Drawer Activity with material design style and simplified methods

material - Material design for AngularJS

  •    Javascript

The AngularJS Material project is an implementation of Material Design in AngularJS. This project provides a set of reusable, well-tested, and accessible Material Design UI components. AngularJS Material is supported internally at Google by the AngularJS, Material Design UX and other product teams.

reply - The 'Reply' Material Design case study built with Flutter.

  •    Dart

Reply is an email app that uses Material Design components and Material Theming to create an on-brand communication experience. This project tries to deliver a pixel-perfect implementation of the Reply Material Design Case Study in Flutter. The focus lies on the UI (animation, layout, transition, etc.) and should showcase how powerful Flutter has become as a UI framework.

InstaMaterial - Implementation of Instagram with Material Design (originally based on Emmanuel Pacamalan's concept)

  •    Java

Current source code contains UI elements from Design Support Library. If you still want to see how custom implementations of e.g. Floating Action Button or Navigation drawer work, just checkout this source code on tag Post 8. Source code for implementation of Instagram with Material Design (based on Emmanuel Pacamalan's concept).

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-components-web - Modular and customizable Material Design UI components for the web

  •    Javascript

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.