20 Best Autocomplete & Autosuggest Javascript Libraries

In almost all mobile and web apps being able to search is one of the most important parts. Autocomplete is an option that can save you keystrokes by automatically filling in HTML elements & attributes. As we start typing in our query, it give suggestions which we can choose from. Once we select the desired option, the selected text is displayed in the field. So here are 20 Autocomplete & Autosuggest Javascript Libraries that will assist in query creation, reduce keystrokes and help avoid typos.



Typeahead.js

Inspired by twitter.com’s autocomplete search functionality, typeahead.js is a flexible JavaScript library that provides a strong foundation for building robust typeaheads. The typeahead.js library consists of 2 components: the suggestion engine, Bloodhound, and the UI view, Typeahead. The suggestion engine is responsible for computing suggestions for a given query. The UI view is responsible for rendering suggestions and handling DOM interactions. Both components can be used separately, but when used together, they can provide a rich typeahead experience.

Typeahead.js

AutoComplete.js

autoComplete.js is a simple pure vanilla Javascript library that’s progressively designed for speed, high versatility and seamless integration with wide range of projects & systems, made for users and developers in mind.

AutoComplete.js

Autocomplete

Blazing fast and lightweight autocomplete widget without dependencies.

Autocomplete

Email Autocomplete

A jQuery plugin that suggests and autocompletes the domain in email fields.

Email Autocomplete

Places

Algolia Places provides a fast, distributed and easy way to use an address search autocomplete JavaScript library on your website.

Places

Accessible Autocomplete

This is a JavaScript autocomplete built from the ground up to be accessible. The design goals are: Accessibility: Following WAI-ARIA best practices and testing with assistive technologies, User experience: Supporting a wide variety of user needs, Compatibility: Working with as many browsers, devices, and assistive technologies as possible.

Accessible Autocomplete

Auto Complete

A lightweight auto-complete that can be populated via JSON or by DOM element text.

Auto Complete

Autocomplete

Accessible autocomplete component for vanilla JavaScript and Vue.

Autocomplete

Ajax Live Search

AJAX Live Search is a PHP search form that similar to Google Autocomplete feature displays the result as you type.

Ajax Live Search

JavaScript AutoComplete

An extremely lightweight and powerful vanilla JavaScript completion suggester.

JavaScript AutoComplete

AutoJS

AutoJS is a library to continuously autocomplete textarea based on a standard dictionary. Dictionary has been deviced based on researches and linguistic methods, keeping an eye on minimizing the size of the library. Complete project is written in plain js, with no external dependencies, and it’s size is reduced to mere 6kb.

AutoJS

React Input Enhancements

The intention of creating this library was to bring input component out of the dropdown/autocomplete/whatever code, so it could be easily replaced with your custom component, and also to split independent functionality into different components, which could be combined with each other (still not quite sure it was worth it, though).

React Input Enhancements

Vue Autosuggest

WAI-ARIA complete autosuggest component built with the power of Vue.Full control over rendering with built in defaults or custom components for rendering. Easily integrate AJAX data fetching for list presentation.Supports multiple sections. No opinions on CSS, full control over styling.

Vue Autosuggest

Angucomplete

A simple but powerful AngularJS directive that allows you to quickly create autocomplete boxes that pull data either from a server or local variable.

Angucomplete

Awesomplete

Awesomplete is an ultra lightweight, customizable, simple autocomplete widget with zero dependencies, built with modern standards for modern browsers.

Awesomplete

Horsey

Progressive and customizable autocomplete component.

Horsey

Material Ui Superselectfield

Multiselection autocomplete dropdown component for Material-UI.

Material Ui Superselectfield

FuzzySearch

It is an approximate string matching library with focus on search and especially suggest-as-you-type auto-complete. It support complex input as well as simple list of string and allow you to match item as sentences rather than single words. In addition to searching, we provide on demand Sublime Text like highlight (including free word order on highlight). The suggestion engine is made to be compatible with multiple UI including twitter typeahead and can be used instead of a bloodhound object. This library is focused on string processing and do not have any dependency.

FuzzySearch

Remote List

An ultra lightweight autocomplete / autosuggest plugin with a simple but powerful API. Leverages the HTML5 datalist element to build an extreme lightweight autosuggest plugin. Can use webshim to polyfill old browsers or enhance modern ones.

Remote List

SelectToAutocomplete

Turns any select tag into an autocomplete field with weighted options, synonyms and loose matching.

SelectToAutocomplete

Textcomplete

Autocomplete for textarea elements.

Textcomplete

0 Comments

  1. Paul Hodelsays:

    A nice implementation responsive.
    https://jsfiddle.net/paulhodel/aqfbp3wd/2/

  2. Vikassays:

    Thanks for many autocomplete plugins, but we can also create javascript autocomplete.
    You can review detailed methods here

    https://qawithexperts.com/article/javascript/autocomplete-textbox-using-javascript/357

    Thanks

Leave a comment

Please be polite. We appreciate that. Your email address will not be published and required fields are marked

This site uses Akismet to reduce spam. Learn how your comment data is processed.