Google’s material pattern is becoming famous due to better customer experience, eye-catching animations and its modesty. In this post, find a compiled list of jQuery plugins which have created actual design effects. These plugins provide material design goods to the progress bar, buttons, charts, timer, stopwatch, notifications and input controls.
Material Design Stopwatch, Alarm and Timer
A small JavaScript application that complies with Google’s material design guidelines. It subsists of three parts – an alarm clock, a stopwatch and a timer. The application is sensible and has a bunch of subtle animations that react to user input.
SnackbarJS
SnackbarJS is a failing and jQuery powered plugin to spawn Material Design snack bars and toasts with ease. It made to task in Bootstrap style, just like the Bootstrap tooltips work.
Material Charts
Material Charts is a lightweight jQuery plugin advice you create nice, clean, Material Design styled charts / diagrams with plain HTML, CSS and JavaScript.
Material PreLoader
Material Preloader is a jQuery plugin that recreates the Material Design preloader (as seen on Google inbox).
ToggleSwitch
Elementry ToggleSwitch Jquery plugin with Material design style.
Google Material hamburger button
Google material designed hamburger button made using jQuery and CSS 3.
MProgress.js
MProgress.js is a Google Material Design Progress continuous bar by using CSS3 and pure JavaScript.
legitRipple.js
A lightweight, CSS based jQuery plugin for material design ripple effects.
Material Spinner
A jQuery plugin used to create a Google Material Design-inspired loading spinner using SVG and CSS3 transforms.
Material Design Styled Pie Menu
A Google Material Design styled pie menu for navigation in a webpage. It opens a sub-menu when clicked or tapped, built with jQuery and CSS3 transitions & transforms
See more:
Simple (Yet Powerful) JavaScript Tips