Package Exports

material-design-kit

This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (material-design-kit) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.

Readme

Material Design Kit

Interactive web components that provide a Material Design experience using vanilla Web technologies like CSS, JavaScript and HTML.

Material Design Kit has no dependencies and can be used with or without external libraries such as jQuery, Bootstrap and MDL.

Components

A container element with (optional) visual effects based on scroll position.

Basic header demo - scrolls with the page
Condenses header demo - shrinks when scrolling down
Reveals header demo - Slides back the header when scrolling up
Fixed header demo - stays at the top when scrolling
Blend background color header demo - Smoothly change the header background color when scrolling
Blend background image header demo - Smoothly change the header background image when scrolling
Parallax background header demo - Translate the header background image when scrolling
Parallax and blend background header demo - Combine effects

Get help

Get help directly from our team via our Slack channel. Request invite