🔔 Alert..!! Get 2 Month Free Cloud Hosting With $200 Bonus From Digital Ocean ACTIVATE DEAL
  1. Home
  2. jQuery Plugins
  3. Material Design Inspired Morphing Search Input with jQuery and CSS3

Material Design Inspired Morphing Search Input with jQuery and CSS3

A cool material design inspired search effect that morphs a search icon into a fullscreen search input with CSS3 transitions.

Material-Design input search morphing
Tutorial

You May Also Like

Material Design Action Button Transition Effect with jQuery and CSS3

Google Material Design Ripple Effects with jQuery and CSS3

jQuery Plugin To Add Google Material Design Ripple Animations To Buttons

Material Design Hover & Click Effects with jQuery and CSS3

Material Design-Style Click/Touch Animations with jQuery and CSS3

Create Material Design Hierarchical Timing Transitions with jQuery and CSS3

Material Design Inspired jQuery Paper Cards Accordion - Paper Collapse

Material Design Inspired Reveal Navigation with jQuery and CSS3

Material Design Hierarchical Timing Animations Using jQuery and CSS3

Material Design Inspired Floating Navigation with jQuery and CSS3

Ink Ripple Style User Interaction Using jQuery and CSS3 - Ink Drops

Polymer Like Ripple Animations with jQuery and CSS3 - ripple.js

Material Design Styled Pie Menu with jQuery and CSS3

Material Design Inspired Floaing Form Labels - Awesome Label

Material Design Styled Text Fields with jQuery and CSS3

Morphing Material Design Modal with jQuery and CSS3

Material Design Inspired Morphing Search Input with jQuery and CSS3

jQuery Plugin To Apply Ripple Effects To Elements - Ripple

Material Design Sliding Tab Menu With jQuery and CSS3

Create Material Ripple Click Effects using jQuery and CSS3

Google I/O 2015 Tabbed Navigation Using jQuery and CSS3

Material Inspired Morphing Overlay with jQuery and CSS3

jQuery Plugin For Material Design Ripple Click Effect - Material Ripple

Material Design Responsive Off-canvas Menu with jQuery and CSS3

jQuery Plugin To Create Awesome Material Design Cards

Customizable Material Action Button with jQuery and CSS3

Material Design Toggle Switch Plugin with jQuery - ToggleSwitch

Create Material Design Style Charts using jQuery - Material Charts

jQuery Plugin To Create Material Style Ripple Effects - ePulse

Material Design Style Loading Spinner with jQuery and CSS3

Material Card Split & Join Interaction with CSS3 and jQuery

Material Design Inspired Tabs Modal with jQuery and CSS3

jQuery Plugin For Customizable Material Design Ripple Effect - legitRipple.js

Nice Material Inspried Card Slider with jQuery and CSS3

Material Inspired Expanding Card with jQuery and CSS3

Android Style Toaster Plugin with jQuery - Material Toast

jQuery Plugin To Create Material Design Text Inputs - Polymer Form

Material Design Floating Action Button with jQuery - KC FAB

Material Design Ripple Effect With jQuery And CSS3 - ripple.js

Material Water Ripple Effect With jQuery And CSS3 - jRipple

jQuery Plugin For Material Design Inspired Form Controls - Material Form

CSS3 Powered Material Ripple Effect On Click - material_ripple

Sticky Morphing Side Navigation With jQuery And CSS3

Mobile Friendly Material Toast Plugin With jQuery - Toast.js

Material Design Style Range Sliders With jQuery And CSS3

Fullsreen Sticky Popup Menu With jQuery And CSS3

jQuery Plugin To Create Material Style Select Boxes - Selecty

Material Inspired Ripple Animation In jQuery - lv-ripple

Tiny jQuery Modal Extension For Materialize Framework - materializeMessages.js

Minimal Material Style Dialog Box Plugin For jQuery - msgBox.js

Material Inspired Animated Checbox Replacement - jQuery addCheckbox

Material Style Audio Player Plugin with jQuery - jAudio.js

Minimal Handy jQuery Tabs Plugin - AddTabs

Material Design Style Ripple Effect On Click / Touch - Ripple.js

Minimalist Material Snackbar Plugin With jQuery - mSnackbar

Nice Material Design Modal Dialog Plugin With jQuery - MDL

Creating Material Design Input Fields With jQuery - AddInput

Animated Material Dropdown Select Plugin With jQuery - AwesomeSelect

Pretty Date & Time Picker Plugin For Bootstrap Material

Material Floating Toggle Menu Plugin With jQuery - collapzion.js

Material Design Dropdown Menu Plugin For jQuery - menu.js

jQuery Modal Dialog Plugin For Material Design Lite

Material Design Styled Floating Labels - jQuery Float Label

Basic Floating Action Button With jQuery And CSS - tiny-fab

Customizable Pagination jQuery Plugin For Materialize Framework

Random Material Design Background Generator With jQuery

Material Inspired Popup Menu With jQuery - material-menu

Create Multi-state Buttons With jQuery And Materialize - msb.js

Expanding Floating Action Button With jQuery And CSS3

Material Design vCard With jQuery And CSS3 - MCard

jQuery Plugins

AngularJs Plugins