25+ jQuery Search Boxes - Free Code + Demos

Collection of 25+ jQuery Search Boxes. All items are 100% free and open-source.

NEW 🔥 Auto-Apply to 100's of Jobs With AI 🔥
👉 Click to visit: ApplyFox.ai

1. Search Box - Icon To Bar

jQuery Search Boxes - Search box - Icon to bar
Author: Sabine Robart (_Sabine)
Created on: October 26, 2018
Made with: HTML, SCSS, JS
Tags: search, loading, animation, icon

2. Animated Search Form With Micro Interactions - JQuery Search Box

jQuery Search Boxes - Animated Search Form With Micro Interactions - JQuery Search Box
Applying some micro-interactions on a search form ui. Inspired By: https://www.uplabs.com/posts/search-away-microinteraction
Author: Himalaya Singh (himalayasingh)
Created on: September 23, 2018
Made with: HTML, CSS, JS
Tags: search, form, search-button, micro-interactions, ui

3. Search Field Animation

jQuery Search Boxes - Search field animation
Author: Aaron Iker (aaroniker)
Created on: September 16, 2018
Made with: HTML, SCSS, JS
Tags: search, input, animation, field

4. CSS Search Input Animation

jQuery Search Boxes - CSS Search Input Animation
From Dribbble Shot
Author: Aaron Iker (aaroniker)
Created on: July 15, 2018
Made with: HTML, SCSS, JS

5. Skeuomorphic Search Input

jQuery Search Boxes - Skeuomorphic search input
Author: Jonas Badalic (JonasBadalic)
Created on: December 2, 2019
Made with: HTML, SCSS

6. Expanding Animated Search Box Using Jquery

jQuery Search Boxes - Expanding Animated search box  Using Jquery
Author: rajeshdn (cool_lazyboy)
Created on: December 4, 2017
Made with: HTML, CSS, JS

7. Animated Search Box

jQuery Search Boxes - Animated Search Box
animated search box using Html and Css and JQuery
Author: Chouaib Belagoun (elmanifico45)
Created on: July 31, 2017
Made with: HTML, CSS, JS
Tags: html, css, jquery, search

8. Animated Search Box

jQuery Search Boxes - Animated Search Box
animated search box using Html and Css and JQuery
Author: Chouaib Belagoun (chouaibblgn45)
Created on: July 31, 2017
Made with: HTML, CSS, JS
Tags: html, css, jquery, search

9. JQuery Search Slide Out

jQuery Search Boxes - jQuery search slide out
A simple jQuery slide out search box that works with any base font-size
Author: James Thomas Almond (jamestalmond)
Created on: January 19, 2017
Made with: HTML, SCSS, JS
Tags: jquery, slide, responsive, font, search

10. Diagonal Menu With Search

jQuery Search Boxes - Diagonal Menu With Search
Demo design project
Author: _j_ (Hoebink)
Created on: March 11, 2016
Made with: HTML, SCSS, JS
Tags: nav, navigation, menu, diagonal, search

11. Fancy Search Box // SVG + CSS + JQuery

jQuery Search Boxes - Fancy Search Box // SVG + CSS + jQuery
Simple animations using CSS and stroke-dashoffset! Enjoy
Author: Tommy Small (tommysmall92)
Created on: August 24, 2018
Made with: HTML, CSS, JS
Tags: search, box, searchbox, svg, path

12. Bootstrap 4 JQuery Search Box

jQuery Search Boxes - Bootstrap 4 JQuery Search Box
Author: Prince Sargbah (sargbah84)
Made with: HTML, CSS, JS

13. Search Bar Animation

jQuery Search Boxes - Search bar animation
Search input with morphing effect.
Author: Milan Milošev (MilanMilosev)
Created on: August 24, 2015
Made with: HTML, CSS, JS
Tags: input, search, bar, morphing

14. Expanding Search Box - Toggle Animated Search Box

jQuery Search Boxes - expanding search box - toggle animated search box
Author: rajeshdn (RajRajeshDn)
Created on: December 4, 2017
Made with: HTML, CSS, JS

15. Orchestra- Serach Box

jQuery Search Boxes - orchestra- serach box
Prototyping a search form interaction for a project I'm working on.
Author: Aidan Zanders (catjuice)
Created on: June 17, 2016
Made with: HTML, SCSS, JS
Tags: input-focus, search-box, animate background image

16. Desktop Search Box - HTML5 - CSS3 - JS - JQuery

jQuery Search Boxes - Desktop search box - HTML5 - CSS3 - JS - JQuery
Search between two different sources using one input type text
Author: The National Archives (TNA-WEB-TEAM)
Created on: April 21, 2016
Made with: HTML, CSS, JS
Tags: search-box, mutiple sources

17. Prefixbox Instant Search Box Demo: Sverrirs.com

jQuery Search Boxes - Prefixbox Instant Search box Demo: sverrirs.com
Author: Sverrir Sigmundarson (sverrirs)
Made with: HTML, SCSS, JS

18. Zipline: Wikipedia Viewer With Autocomplete

jQuery Search Boxes - Zipline: Wikipedia Viewer with autocomplete
Objective: Build a CodePen.io app that successfully reverse-engineers this: http://codepen.io/GeoffStorbeck/full/MwgQea. Rule #1: Don't look at the example project's code on CodePen. Figure it out for yourself. Rule #2: You may use whichever libraries or APIs you need. Rule #3: Reverse ...
Read More
Author: Elise (elisecode247)
Created on: October 12, 2015
Made with: HTML, CSS, JS
Tags: zipline, search-box, wikipedia, free-code-camp, angularjs

19. Search Box

jQuery Search Boxes - search box
Author: Garvita (Garvita)
Created on: February 21, 2017
Made with: HTML, CSS, JS
Tags: search, animation, css, search-box

20. Mini-search Filter

jQuery Search Boxes - Mini-search filter
A lightweight jquery search/filter for lists and items. Blog post and tutorial at http://www.robsawyer.me/blog/2013/07/10/lightweight-jquery-searchfilter-tutorial/
Author: Rob (robooneus)
Created on: July 9, 2013
Made with: HTML, CSS, JS
Tags: jquery, search, filter

21. Expanding Search Bar With JQuery

jQuery Search Boxes - Expanding search bar with jQuery
jQuery version of expanding search bar on codrops
Author: nikhil (nikhil)
Created on: January 24, 2014
Made with: HTML, CSS, JS
Tags: jquery, tutorial, search, searchbox, expanding

22. Responsive Search Box With Clear Button

jQuery Search Boxes - Responsive search box with clear button
A 100% wide search input with a clear button that always sits on the right.
Author: Pete Blatchford (555)
Created on: October 22, 2015
Made with: HTML, CSS, JS
Tags: search, searchbox, searchbar, clear, responsive

23. A Search-box With CSS3

jQuery Search Boxes - A search-box with CSS3
see: http://www.red-team-design.com/how-to-create-a-cool-and-usable-css3-search-box
Author: Jens Grochtdreis (jensgro)
Created on: October 24, 2013
Made with: HTML, CSS, JS
Tags: form, searchbox, css3
NEW 🔥 Auto-Apply to 100's of Jobs With AI 🔥
👉 Click to visit: ApplyFox.ai