What are your thoughts on Material Design? Have you used it any of your projects? Also, if know of any other animated examples of Material Design, please do share them as well.
By David Khourshid.Ī touch enabled side scrolling tab system that mimics Android Lollipop's stock app drawer. By Fran Pérez.Ī CSS mock-up of Chrome's Material Design address bar (including meaningful transitions). By Chris Wheatley.Ī CSS and SVG recreation of Material Design's loading spinners. By Lewi Hussey.Ī CSS (with a sprinkle of JS) hamburger menu that has been animated in a Material Design style. By Michiel Bijl.Ī Material Design menu system that slides the page to reveal a clean and simple navigation. By Sergey.Ī pure-CSS example of Material Design's intuitive card swipe animation. By Dennis Gaebel.Įxamples of the inputs on a Material Design form. Watch video and short clips on the making of the Material Design systemlearn the principles behind smart paper, type, motion, and more. By Aaron Lumsden.Ī simple recreation of Material Design's scaling interactions. By Andrew Tunnecliffe.Ī Javascript (jQuery plugin) recreation of the Material Design preloader. Immaculate examples of Material Design's transitions. By Alberto Bonvicin.Ī CSS-only recreation of Material Design's flawless and subtle animations. By Sergey Kupletsky.Ī collection of recreated 'morphing' icons in a Material Design style. By Himateja and Jovie Brett.Ī CSS-based prototype of Material Design's animated tiles. Hierarchical Timing is a meaningful transition introduced in Google Material Design that.
Explore 2,100+ Material Design Templates Drawer MotionĪ demonstration of how the app drawer is filled with motion in Android Lollipop. The jQuery plugin for hierarchical display animation effect.