Friday, May 7, 2021
More

    jQuery Plugins with Google Material Design

    Must Read

    Programmerhttp://www.improgrammer.net
    We started this site to inspire young minds to motivate and encourage them towards Programming Language. In this site you will get programming tutorials, tech, programming facts, programming fun and programming blogs.

    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
    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

    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

    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

    Material Preloader is a jQuery plugin that recreates the Material Design preloader (as seen on Google inbox).

    ToggleSwitch

    ToggleSwitch
    ToggleSwitch

    Elementry ToggleSwitch Jquery plugin with Material design style.

    Google Material hamburger button

    Hamburger Button
    Hamburger Button

    Google material designed hamburger button made using jQuery and CSS 3.

    MProgress.js

    MProgress.js
    MProgress.js

    MProgress.js is a Google Material Design Progress continuous bar by using CSS3 and pure JavaScript.

    legitRipple.js

    legitRipple js
    legitRipple js

    A lightweight, CSS based jQuery plugin for material design ripple effects.

    Material Spinner

    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
    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?

    Latest Articles

    More Recipes Like This