8 jQuery Material Design Plugins

Material Design would give your app a great visual feedback and would increase your user’s experience. So here in this post i gathered 8 jQuery plugins to create cool Material Design style user interaction.

Kast

Extraordinary SHOUTcast HTML5 Sticky Radio Player for your website. It allows you to stream your live radio station to your web visitors on Desktops, Tablets and Mobile devices.

HTML5 Radio Player for jQuery

Quttons

Qunatum Paper is a digital paper that can change its size, shape and color to accomodate new content. Quantum paper is part of Google’s new Material Design language.

material-1

Google material design ripple effect

jQuery plugin recreates ripple and focus effect using css animations. A span element will be added as a sibling. This is then animated. In a later version I’ll be using a SVG element to recreate the effects, but this will do just fine for now.

material-2

Webapp – Material Design Responsive Drop Down Menu

Web App Links Navigation are used primarily Responsive website. For modern and android lollipop style look and experience in your website, fully supported in all touch devices.

material-3

Material Design Preloader!s

A jQuery plugin that recreates the Material Design pre-loader.

preloader-4

Paper collapse

Simple CSS3 paper cards accordion. Inspired by Google Material Design.

paper-5

Waves

Click effect inspired by Google’s Material Design.

wave-6

Material Refresh

Google Material Design swipe(pull) to refresh by using JavaScript and CSS3.

swipe-7

Material Cards

Card style based on Google Material color palette.

material-card-8

Leave a comment

Please be polite. We appreciate that. Your email address will not be published and required fields are marked

This site uses Akismet to reduce spam. Learn how your comment data is processed.