10 Best Autocomplete & Typeahead JavaScript Plugins (2021 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.

Originally Published Mar 12 2018, updated Feb 13 2021

Table Of Contents:

Best jQuery Autocomplete & Typeahead Plugins:

Dynamic Autocomplete Dropdown For Bootstrap - jQuery Autocomplete.js

This is a lightweight jQuery plugin which applies a fast and dynamic autocomplete functionality to an input field styling with the Bootstrap framework.

Dynamic Autocomplete Dropdown For Bootstrap - jQuery Autocomplete.js

[Demo] [Download]


Autocomplete/Typeahead Plugin For Bootstrap 4/3

An easy-to-use and AJAX-enabled autocomplete/typeahead jQuery plugin that works with input and select elements and is compatible with Bootstrap 4 and Bootstrap 3 frameworks.

Autocomplete/Typeahead Plugin For Bootstrap 4/3

[Demo] [Download]


Simple Tagging System With Autocomplete - jQuery amsify.suggestags

amsify.suggestags is a simple jQuery tag/token input plugin which converts the regular input into a multi-select, auto-suggesting tagging system.

Simple Tagging System With Autocomplete - jQuery amsify.suggestags

[Demo] [Download]


Autocomplete Dropdown List Plugin For jQuery - autocompleteDropdown

autocompleteDropdown is a jQuery plugin that transforms the normal select element into a searchable dropdown list just like the autocomplete input interface.

Autocomplete Dropdown List Plugin For jQuery - autocompleteDropdown

[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]


Vanilla JS Autocomplete & Typeahead Plugins:

Fast Autocomplete Dropdown For Input Field – autocomplete.js

A vanilla JavaScript autocomplete library that attaches a blazing fast autocomplete dropdown list to your input field while typing.

Fast Autocomplete Dropdown For Input Field – autocomplete.js

Demo Download


@Mention Autocomplete For Text Field – js-mention

A small JavaScript plugin that adds the @mention autocomplete functionality to a text field you specify. Can be used to mention someone in a text message.

@Mention Autocomplete For Text Field – js-mention

Demo Download


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]


Accessible Autocomplete Component In Vanilla JavaScript – Autocomplete

A fast, dynamic, accessible (WAI-ARIA) compliant autocomplete component written in vanilla JavaScript.

Accessible Autocomplete Component In Vanilla JavaScript - Autocomplete

Demo Download


5. Fast Autocomplete & Typeahead Library – autoComplete.js

A dynamic, blazing-fast, dependency-free, and easy-to-use autocomplete & typeahead JavaScript library for modern web development.

Fast Autocomplete & Typeahead Library - 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.

See also: