Material Design Kit

npm version

Interactive web components inspired from Material Design using vanilla CSS, JavaScript and HTML. Material Design Kit can be used with or without external libraries such as jQuery, Bootstrap and MDL.

Layout components

Drawer

A navigation drawer that can slide in from the left or right.

Demos Documentation

Drawer Layout

A wrapper element that positions a Drawer and other content.

Demos Documentation

Header

A container element for navigation and other content at the top of the screen with (optional) visual effects based on scroll position.

Demos Documentation

Header Layout

A wrapper element that positions a Header and other content.

Demos Documentation

Box

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

Demos Documentation

Media components

Reveal

A content area that reveals on user interaction.

Demos Documentation

Carousel

A component for cycling through elements with Mouse Grab (desktop) and Touch support.

Demos Documentation