15 Powerful jQuery Search Box

Developing a powerful and usable search box with great features like sorting, filtering, live search result with custom animation can be done by using jQuery. It’s really useful for eCommerce and online portfolio to improve the user experience of websites by providing a searchable content with a specific values.

In today’s post, we present 15 jQuery search plugins and tutorials that useful for you to save a lot of time in developing a search box. Don’t forget to check out 10 best fullscreen slider using jQuery and great collections of free mega drop-down menu using jQuery, CSS and HTML.

(NEW) Advanced Dropdown Search Box

Advanced Dropdown Search Box

Advanced dropdown search box allow you to create filterable and search for specific words in dropdown box. This awesome snippet is created by maridlcrmn.

[ DEMO | DOWNLOAD ]

(NEW) Search Autocomplete and Suggest

 Search Autocomplete and Suggest

Easy searching means finding products easy which means a better user experience and increased sales.

[ DEMO | DOWNLOAD ]

1. Expandable search bar + Responsive Design

[ DEMO | DOWNLOAD ]

Create a mobile-friendly and responsive expanding search bar using JavaScript and CSS (tutorial)

2. jQuery Filter Table Plugin

[ DEMO | DOWNLOAD ]

This plugin will add a search filter to tables. When typing in the filter, any rows that do not contain the filter will be hidden.

3. jQuery jAutocomplete Plugin

[ DEMO | DOWNLOAD ]

jAutocomplete is a flexible jquery search that provides suggestions while you type into the field. Features: JSON data source, Supports any HTML structure with next-generation jQuery Templates, Fully customizable.

4. List.js Search box jQuery plugin

[ DEMO | DOWNLOAD ]

List.js is a lightweight jQuery plugin (only 3KB) that allow you to add search box, sort and flexibility to plain HTML lists or tables with cross-browser native JavaScript.

5. Shuffle

[ DEMO | DOWNLOAD ]

Shuffle is a free jQuery search plugin that allow you to create a powerful search box with sorting, advanced filtering, categorizing and responsive grid of items

6. jQuery Table Search Plugin

[ DEMO | DOWNLOAD ]

Add search input to any html tables instantly! Search and filters rows and cells. CSS customizable.

7. Sieve jQuery plugin

[ DEMO | DOWNLOAD ]

Sieve allows you to quickly add an interactive search filter to any block of content.

8. Google Powered Site Search with jQuery

[ DEMO | DOWNLOAD ]

9. jQuery Smooth Animated Search Field

[ DEMO | DOWNLOAD ]

10. Simple Content Search

[ DEMO | DOWNLOAD ]

This plugin creates a simple content sorter for your content. Simple Content Sorting provides a clean and easy way to beautify your interface by providing a slick client side sorting mechanism.

11. FCBKcomplete

[ DEMO | DOWNLOAD ]

12. Ajax Search Box Pro

[ DEMO | DOWNLOAD ]

Ajax Search Pro is a jQuery powered search box plugin, which was designed to enhance your current search engine.

13. A fancy style search suggestion

[ DEMO | DOWNLOAD ]

14. jQuery Live Search Plugin

[ DEMO | DOWNLOAD ]

Use this plug-in to turn a normal form-input in to a live ajax search widget. The plug-in displays any HTML you like in the results and the search-results are updated live as the user types.

15. SearchBox filters jQuery plugin

[ DEMO | DOWNLOAD ]

SearchBox is a premium jQuery search plugin that allows you to have reach search controls with filters on your pages.

Leave a Reply

Your email address will not be published. Required fields are marked *

Support Us