Collection of free jQuery search box examples.

11 jQuery Search Boxes

Collection of free jQuery search box code examples.

Related Articles:

  1. CSS Search Boxes

Author

  • Sabine Robart

Made with

  • HTML / CSS (SCSS) / JS

About a code

Search Box - Icon to Bar

Expanding circle to show form input. Loading animation on click.

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: no

Dependencies: font-awesome.css, bootstrap.css, jquery.js, bootstrap.js, aos.js

Author

  • Himalaya Singh

Made with

  • HTML / CSS / JS

About a code

Animated Search Form with Micro Interactions

Applying some micro-interactions on a search form UI.

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: no

Dependencies: font-awesome.css, jquery.js

Author

  • Aaron Iker

Made with

  • HTML / CSS (SCSS) / JS

About a code

Search Field Animation

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: no

Dependencies: jquery.js

Author

  • Aaron Iker

Made with

  • HTML / CSS (SCSS) / JS

About a code

Search Input Animation

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: no

Dependencies: jquery.js

Author

  • 0guzhan

Made with

  • HTML / CSS / JS

About a code

Search Input

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: no

Dependencies: jquery.js, font-awesome.js

Author

  • rajeshdn

Made with

  • HTML / CSS / JS

About a code

Search Box

Expanding animated search box using jQuery.

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: no

Dependencies: font-awesome.css, jquery.js

Author

  • Chouaib Blgn

Made with

  • HTML / CSS / JS

About a code

Animated Search Box

Animated search box using HTML, CSS and jQuery.

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: yes

Dependencies: font-awesome.css, jquery.js

Author

  • Alex Tkachev

Made with

  • HTML / CSS / JS

About a code

Animated Search Box

Animated search box in jQuery.

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: no

Dependencies: jquery.js

Author

  • James Thomas Almond

Made with

  • HTML / CSS (SCSS) / JS

About a code

jQuery Search Slide Out

A simple jQuery slide out search box that works with any base font-size.

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: no

Dependencies: jquery.js

Author

  • _j_

Made with

  • HTML / CSS (SCSS) / JS

About a code

Diagonal Menu With Search

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: yes

Dependencies: jquery.js

Author

  • Kristy Yeaton

Made with

  • HTML / CSS (SCSS) / JS

About a code

Search Button Animation

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: yes

Dependencies: jquery.js

back to top