A Material Design inspired floating action button interaction design with custom expanding option panels when toggled, built with jQuery and CSS3.
Free jQuery material design Plugins
All the Free jQuery Plugins about 'material design' are listed here.
msb.js is a jQuery plugin which creates Material Design style, multi-state action buttons (default, success, error, warning, process) for your web applications.
MDTimePicker is a Material Design inspired jQuery time picker plugin that makes it easy to select a time from a circular clock interface.
Materialize Tags is a modern jQuery plugin used to create a nice-looking Material Design styled tag manager using Materialize framework.
This is a jQuery plugin that lets you create Material Design inspired backgrounds with random colors & shapes for your modern web project.
Materialize Pagination is a simple jQuery plugin used to render a dynamic, fully configurable pagination component for Materialize Material Design CSS framework.
Yet another jQuery implementation of the Material Design inspired float label pattern that is fully customizable and uses CSS3 transitions for fallback browser support.
Material Bootstrap Wizard is a jQuery plugin which converts a long html form into an elegant, Material Design-style, step-by-step wizard driven form with field validation support.
A lightweight and multi-functional jQuery plugin used to create modal windows, dialog popups and loading overlays for Material Design Lite (MDL).
menu.js is a very small jQuery plugin for creating a Material Design inspired dropdown menu that allows your users to select one of a number of options.
collapzion.js is a simple, lightweight jQuery plugin for creating a Material Design inspired floating navigation button on the webpage.
A jQuery plugin that helps you create a Material Design styled date & time picker using Bootstrap Material and Moment.js.
AwesomeSelect is a jQuery plugin which replaces the regular select element with a pretty cool, Material Design inspired dropdown list as you seen here.
AddInput is a dead simple jQuery plugin which enhance the default input fields with Material Design styles and floating inline label animations.
MDL is a lightweight jQuery plugin used for displaying Google Material Design styled modal windows or dialog boxes on the webpage.
mSnackbar is a super tiny jQuery plugin used to create Material Design inspired snackbars animated using CSS3 transitions and transforms.
Just another jQuery plugin that adds a smart Material Design style ripple effect to a given element that animates on click / touch.
jAudio.js is a lightweight jQuery plugin that helps you create a Material Design style custom HTML5 audio player with support for playlist and autoplay.
addSelect is a simple and lightweight jQuery plugin that brings the Google Material Design's styles and animations to your existing select boxes.
addCheckbox is a tiny jQuery plugin used to beautify the default checkbox inputs with custom styles and animations from the Google Material Design spec.
msgBox.js is a really lightweight (1kb minified) jQuery plugin which lets you create Material Design styled modal & dialog boxes with custom icons and callbacks.
st-action-panel is a lightweight jQuery plugin used to create a Material Design inspired sticky action button that slides out a floating panel when clicked.
A jQuery plugin which lets you create dynamic, Material design-style dialog boxes and modal windows using the popular Materialize CSS framework.
Just another jQuery plugin which utilizes CSS3 transitions/transforms to create Material Design inspired ripple animations for buttons and links.
This is a set of Google Material Design inspired slider controls utilizing jQuery, CSS3 and HTML5 range slider inputs.
Toast.js is a jQuery plugin which allows to create Android / Material Design inspired, toast-like notification popups on the screen.
This is a cool Material Design inspired page navigation that will morph into a fixed side menu when the users click on the toggle button.
A lightweight jQuery plugin that utilizes CSS3 transforms and animations to create Material Design style ripple effects on buttons when clicked / tapped.
Prelodr is a preloader plugin for jQuery that helps you create Material Design-style preloaders with async and chaining support as you seen on Google Inbox.
Rippleria is a super lightweight yet customizable jQuery plugin for implementing Material Design inspired ripple click / tap effects using CSS3 animations.
Material Form is a lightweight jQuery plugin that helps generate animated, beautiful, responsive form controls following the Google Material Design form specification.
jRipple is a jQuery plugin that uses CSS3 animations to create Material Design inspired water ripple effects with variable colors and animation speed on mouse click.
Just another jQuery & CSS3 implementation of a smooth, interactive ripple effect on click event following the Google Material Design specification.
KC FAB is a minimal jQuery plugin to create a Material Design-style circular floating action button that lifts and emits ink reactions on press.
Polymer Form is a jQuery plugin helps you create Material Design inspired customizable floating labels for text fields with placeholders, as you seen in Polymers project.
Material Toast is a super tiny jQuery plugin that shows Android style, customizable toast messages on the screen, inspired by the Google Material Design spec.
A Material Design inspired morphing card concept which uses several CSS3 properties and a little jQuery to transform an action button into a content panel when toggled.
A simple, nice, Material Design style card slider built with jQuery and CSS that allows to switch any html content with the background color change.
legitRipple.js is a jQuery plugin used to create adaptive, smooth, draggable and highly customizable ripple click effect using CSS3 transitions.
A modern, Material Design inspried jQuery tabs UI component which allows to switch between different sections of content with a smooth CSS3 based animation.
Google Material design inspired 3D card split & join interaction built using CSS3 transitions and a little jQuery magic.
Material ScrollTop is a lightweight jQuery plugin to create a Material Design-style auto show/hide button which allows you to scroll the page to the top of body element.
A jQuery plugin used to create a Google Material Design inspired loading spinner using SVG and CSS3 transforms.
ePulse is an easy to use jQuery plugin which helps you implement a Material Design inspired ripple effect on a given element with AMD and Commonjs support.
ToggleSwitch is an ultra-light jQuery plugin that converts normal checkboxes into Material Design inspired on / off toggle switches.
A jQuery & CSS3 solution to create the famous hierarchical timing display animation as introduced in Material Design's meaningful transitions.
A small jQuery plugin that helps you to create a Android L or Material Design styled action button with a configurable ripple click effect based on CSS3 transitions.
Material Cards is a jQuery & CSS based Material Design card component which allows you to manage options, events and method for your awesome cards.
A Material Design inspired responsive navigation concept that automatically transforms a normal horizontal dropdown menu into a mobile-friendly off-canvas menu
Provides a simple way to create interactive ripple click effects on action buttons/links, featured in the Google Material Design specification.
A Material Design inspired morphing overlay that makes an action button morph into a full-sized, closeable content overlay.
Makes use of jQuery and CSS3 to create a Material Design styled tabbed navigation with a nice ripple click effect as you seen on Google I/O 2015 website.
Material Click is a jQuery plugin that uses CSS3 transforms to apply Material Design inspired ripple click effects on any DOM elements.
A Material Design inspired tab menu featuring an animated sliding link underline that moves with a ripple click effect as you click a tab.
Ripple is a minimalist jQuery plugin used to apply Android L & Material Design concepted ripple effects to Html elements (e.g. UI buttons) when clicked or touched.
A cool material design inspired search effect that morphs a search icon into a fullscreen search input with CSS3 transitions.
A Google Material Design inspired floating action button that uses jQuery and CSS3 to morphs into a responsive, centered modal popup on clicked.
Notiny is a tiny jQuery notification plugin helps you display Material Design snackbar style feedback messages with CSS3 powered show/hide animations on your webpage.
A jQuery plugin that captures the offsets of click event and applies a Google Material Design inspired 'Ripple' effect to clicked element using CSS3 magic.
A tiny jQuery plugin that adds cool CSS3 powered user interaction effects to your form fields, following the Google Material Design specification.
Awesome Label is a jQuery plugin for creating Material Design inspired animated floating form labels. Works with input & texarea fields.
A Google Material Design styled navigation button that expands into a radial/pie/semicircle menu when clicked or tapped.
ripple.js is a small jQuery script to apply smooth ripple click animations on any Html elements as you seen on Polymer and Google Material Design.
Ink Drops is a jQuery plugin to create a cool Material Design style user interaction where an ink-drop like element moves out radially from the position where the user taps/clicks.
A jQuery/CSS3 navigation concept to create a Material Design inspired floating action button that morphs into a navigation panel when toggled.
Allows you to animate in/out a group of items with meaningful transitions using CSS3 transforms and transitions.
A Material Design inspired navigation that slides the main page to reveal a side menu when you click the toggle button.
snackbarjs is a lightweight jQuery plugin to create Google Material Design style snackbars and toasts that automatically disappear after a timeout.
Paper Collapse is a simple jQuery accordion plugin which allows you to collapse & expand paper cards with fancy CSS3 transitions.
Subtle hierarchical timing transition effect by adding specific delays for CSS3 transitions & transforms to a list of elements.
Yet another jQuery & CSS3 solution to create interactive ripple animations upon touch or click as seen on Google Material Design.
Rippler is Android L & Material Design inspired jQuery plugin used to create SVG based wave/ripple effects on your buttons (or any other Html elements) when clicked or tapped on.
Creating cool hover and click effects inspired by Google Material Design using jQuery and CSS3 based animations.
Yet another jQuery & CSS3 plugin used to add Google Material Design ripple animations to UI buttons when clicked or focused on.
Yet another jQuery plugin for creating CSS3 transition based ripple click effects with mouse interaction on action buttons, inspired by Google's new Material design.
With CSS3 animations and a little jQuery magic, you can apply Google Material Design inspired ripple effects on any Html tag when clicked on.
A Google Material Design styled action button transition effect built on top of jQuery, jQuery Mobile and CSS3 transitions & transforms.
An animated UI button built with jQuery and CSS3 that comes with an interactive ripple animation when clicked on, following the Google's new Material Design concept.