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.
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
Blazing fast and lightweight autocomplete widget without dependencies.
Email Autocomplete
A jQuery plugin that suggests and autocompletes the domain in email fields.
Places
Algolia Places provides a fast, distributed and easy way to use an address search autocomplete JavaScript library on your website.
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.
Auto Complete
A lightweight auto-complete that can be populated via JSON or by DOM element text.
Autocomplete
Accessible autocomplete component for vanilla JavaScript and Vue.
Ajax Live Search
AJAX Live Search is a PHP search form that similar to Google Autocomplete feature displays the result as you type.
JavaScript AutoComplete
An extremely lightweight and powerful vanilla JavaScript completion suggester.
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.
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).
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.
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.
Awesomplete
Awesomplete is an ultra lightweight, customizable, simple autocomplete widget with zero dependencies, built with modern standards for modern browsers.
Horsey
Progressive and customizable autocomplete component.
Material Ui Superselectfield
Multiselection autocomplete dropdown component for Material-UI.
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.
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.
SelectToAutocomplete
Turns any select tag into an autocomplete field with weighted options, synonyms and loose matching.
Textcomplete
Autocomplete for textarea elements.
A nice implementation responsive.
https://jsfiddle.net/paulhodel/aqfbp3wd/2/
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