10 Best Autocomplete & Typeahead JavaScript Plugins (2021 Update)
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.
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.
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.
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.
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.
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.
@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.
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.
Accessible Autocomplete Component In Vanilla JavaScript – Autocomplete
A fast, dynamic, accessible (WAI-ARIA) compliant autocomplete component written in vanilla JavaScript.
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.
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:
- Best Autocomplete Libraries In Vanilla JavaScript
- 10 Best Multiple Select Plugins
- 10 Best Dropdown Plugins To Replace The Native Select Box