🔔 Alert..!! Get 2 Month Free Cloud Hosting With $200 Bonus From Digital Ocean ACTIVATE DEAL

Expanding Search bar

Horrible green for this much screen space. I wanted to use the ripple effect on something having seen it on privacy.com . The expanding search bar is intended for use on a future project which requires a fair bit of search functionality. It would be nice if the icon would act as an action button when the input is open.

Expandable Search Box

Demo Tutorial

See the Pen by joshuaCrewe (@joshuaCrewe) on CodePen.

This awesome script developed by joshuaCrewe. Visit their official repository for more information and follow for future updates.

You May Also Like

Expanding Search

Expandable Search Bar

Animated Search Bar

Expanding Search Field

Expandable Search Form

Angular Material Expanding Search Bar

@keyframers 1.5.0 | Increasing Input

hamburger nav + expanding search bar (CSS only)

Expanding Search Bar

Expandable Search (Vanilla JS)

Mouseover & Focus Selector CSS3 Transitions | Expanding Search Bar

Expanding Search Bar

Foundation 6 expanding search bar

Expanded Search on Focus

CSS3 expanding search field

Bootstrap sliding search form on click

HubSpot Expanding Search Form

Expanding search bar with jQuery

Expandable Search Form with CSS3

Expand search button

Expanding Search bar

Expanding Search Bar

CSS only expanding search form

Expanding Search Bar (CSS)

Expanding search field

Expandable Search Form

Expanding search field

Expanding search box in navigation

Pure CSS | Expanding Search Box

Pure CSS3 expandable search box

Expanding search box a la GitHub

CSS-Only Expandable Search Box

expanding search box - toggle animated search box

Elastic search field

Animated expanding search box.

Expandable Search Box - Mobile - FA

Slidey Search Box

Expandable Search box using jquery

CSS3 expanding search box

jQuery Plugins

AngularJs Plugins