Wednesday, 30 August, 2017 UTC


Summary

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 Material Design Stopwatch Ttimer and alarm
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
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
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
Material Preloader is a jQuery plugin that recreates the Material Design preloader (as seen on Google inbox).
ToggleSwitch ToggleSwitch
Elementry ToggleSwitch Jquery plugin with Material design style.
Google Material hamburger button Hamburger Button
Google material designed hamburger button made using jQuery and CSS 3.
MProgress.js MProgress.js
MProgress.js is a Google Material Design Progress continuous bar by using CSS3 and pure JavaScript.
legitRipple.js legitRipple js
A lightweight, CSS based jQuery plugin for material design ripple effects.
Material Spinner 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 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
WHEN ARE 8 BITS MORE THAN 32?
The post jQuery Plugins with Google Material Design appeared first on I'm Programmer.