10 Best Autocomplete & Typeahead JavaScript Plugins (2020 Update)

by jQueryScript,

Autocomplete is a generic design pattern that is typically used in an input field, which displays a dropdown list containing predefined suggestions when typing.

In this blog post, we collected and listed here a list of 10 best JavaScript plugins to easily and quickly implement the Autocomplete & Typeahead functionalities on your modern web app. Have fun.

Table Of Contents:

Best jQuery Autocomplete & Typeahead Plugins:

jQuery Autocomplete Plugin By Twitter

typeahead.js is a javascript library inspired by Twitter's autocomplete search functionality for creating smart auto-complete form fields.

jQuery Autocomplete Plugin By Twitter

[Demo] [Download]


jQuery Ajax Autocomplete Plugin For Input Fields

jQuery.Autocomplete is a jQuery based autocomplete plugin that attaches autocomplete/autosuggest drop down list with ajax lookup to text input fields when your users input.

jQuery Ajax Autocomplete Plugin For Input Fields

[Demo] [Download]


Multipurpose jQuery Input Autocomplete Plugin - Easy Autocomplete

A simple yet robust jQuery plugin that makes it easier to create autocomplete dropdown list for text input fields.

Multipurpose jQuery Input Autocomplete Plugin - Easy Autocomplete

[Demo] [Download]


Full-featured Autocomplete Library For jQuery - Typeahead.js

Just another jQuery typeahead plugin which provides fully customizable and AJAX-enabled autocomplete functionalities on input fields with flexible APIs.

Full-featured Autocomplete Library For jQuery - Typeahead.js

[Demo] [Download]


Simple Flexible jQuery Autocomplete Plugin - Flexdatalist

Flexdatalist is a simple, flexible, powerful jQuery plugin which provides the 'autocomplete' functionality on your input field with support for local datalist and remote JSON data.

Simple Flexible jQuery Autocomplete Plugin - Flexdatalist

[Demo] [Download]


Vanilla JS Autocomplete & Typeahead Plugins:

Lightweight Flexible Pure JavaScript Autocomplete Library

A pure vanilla JavaScript library to provide flexible autocomplete / autosuggest dropdown to your input field as typing. Supports local data or remote source via AJAX.

Lightweight Flexible Pure JavaScript Autocomplete Library

[Demo] [Download]


Lightweight Input Autocomplete with Vanilla JavaScript – Barq

Barq is a lightweight JavaScript library that turns default select list into a text filed that has regex powered autocomplete enabled.

Lightweight Input Autocomplete with Vanilla JavaScript – Barq

[Demo] [Download]


Simple Autocomplete JS library For Input Field – autoCompltr.js

autoCompltr.js is an easy-to-use Javascript library which transforms a DIV element into an input field with autocomplete function. Enter a character into the input field and you’ll see the list populate with suggestions.

Simple Autocomplete JS library For Input Field – autoCompltr.js

[Demo] [Download]


Customizable Autocomplete JavaScript Library – horsey.js

horsey.js is a robust JavaScript library that adds customizable autocomplete functionality to any elements like input fields and textareas.

Customizable Autocomplete JavaScript Library – horsey.js

[Demo] [Download]


Small Autocomplete Plugin For Input Fields – autocomplete.js

A very small autocomplete JavaScript library that allows the users to quickly select an option item from a group-enabled suggestion dropdown list.

Small Autocomplete Plugin For Input Fields – autocomplete.js

[Demo] [Download]


Conclusion:

Want more jQuery plugins or JavaScript libraries to create awesome Autocomplete & Typeahead component on the web & mobile? Check out the jQuery Autocomplete and JavaScript Autocomplete sections.