AutoComplete.js is a lightweight, customizable JavaScript library that provides a user-friendly autocomplete feature to input fields on web pages. Autocomplete is a popular feature in modern web applications and can improve the user experience by saving time and reducing errors. AutoComplete.js is designed to be easy to use and highly configurable. Developers can customize the appearance and behavior of the autocomplete dropdown menu, including the number of results shown, the layout, and the sorting order. The library supports various data sources, such as local arrays or remote APIs, making it flexible for different use cases. The library also includes advanced features such as fuzzy searching, which allows users to find items even if they misspell or mistype their query. The debounce function can optimize performance by preventing excessive API requests when the user types too quickly. AutoComplete.js is compatible with all modern browsers and can be easily integrated into existing projects without requiring any additional dependencies or frameworks. The library is also open-source, meaning developers can contribute to its development and suggest new features or improvements. In summary, AutoComplete.js is a versatile and customizable JavaScript library that can enhance the user experience of web applications by providing an intuitive autocomplete feature.

Read more

193 Companies using autoComplete.js


the uk's leading tech rep..

129$37K - $4K$90K united kingdom..73%

lamacompta est la platefo..

10$45K - $25K$93K france18%
The Swedish Medical Assoc..

sveriges läkarförbund är ..

122$6K - $36K$101K sweden98%
James Woodman

james woodman is a recrui..

55$34K - $47K$100K belgium92%
Hello Syndic

hello syndic est un syndi..

65$28K - $18K$10K france100%
Preston Baker

making moving easy.

49$41K - $5K$79K united kingdom..40%

we're here when you're re..

17$17K - $13K$48K united states ..23%
Student Choice

comprehensive college pla..

60$12K - $15K$51K united states ..84%
AxL S.p.A. - Agenzia per ..

connettiamo i talenti all..

335$7K - $48K$29K italy93%
Life Before Work Travel

LBW Travel offers adventu..

10$31K - $10K$8K canada84%
Endesa X Way

bienvenido a la era de la..

89$25K - $24K$98K spain98%
Flip Insurance

on-demand injury insuranc..

12$14K - $12K$23K australia91%
Greystone Communities

trusted advisor in senior..

105$12K - $5K$77K united states ..90%
beBee, Inc.

your professional world a..

115$46K - $29K$91K united states ..78%
Garett Immobilier

une équipe dynamique et m..

9$42K - $32K$57K france27%

Want to download the entire list?

Enter your email and download the entire list of 193+ companies

We care about your data. Read our privacy policy.

How to use autoComplete.js

AutoComplete.js is a lightweight and easy-to-use library that allows you to add autocomplete functionality to text input fields on your website. With AutoComplete.js, you can provide suggestions to users as they type in the input field, making it easier for them to find what they are looking for quickly.

To use AutoComplete.js, you will need to follow these steps:

  1. Install AutoComplete.js You can download and install AutoComplete.js from its official website or via npm. Once you have downloaded the library, you will need to include it in your project.

  2. Create an input field Next, you will need to create an input field in which users can type their query. You can use any HTML input tag, such as <input> or <textarea>, and give it a unique ID.

  3. Initialize AutoComplete.js Once you have created the input field, you will need to initialize AutoComplete.js by passing it the ID of the input field and an object with your configuration options. The configuration options include data source, minimum characters required before displaying suggestions, maximum number of suggestions to display, and more.

  4. Define your data source AutoComplete.js needs a data source to provide suggestions to users. The data source can be an array of strings, objects, or a function that returns one of these. You will need to define your data source according to your needs.

  5. Bind to events Finally, you will need to bind AutoComplete.js to events such as keyup or focus on the input field. This will ensure that AutoComplete.js starts providing suggestions as soon as the user starts typing or focuses on the input field.

Here is an example code snippet showing how to use AutoComplete.js:

// include autocomplete.js <script src="autocomplete.min.js"></script> // create an input field <input type="text" id="my-input"> // initialize autocomplete.js <script> var myInput = document.getElementById('my-input'); new autoComplete({ data: { src: async () => { // fetch data from API or define data directly const response = await fetch('/api/data'); const data = await response.json(); return data; }, key: ["name"], }, selector: "#my-input", threshold: 0, debounce: 300, searchEngine: "strict", resultsList: { render: true, container: source => { source.setAttribute("class", "autocomplete-results"); }, destination: myInput, position: "afterend", element: "ul" }, maxResults: 5, highlight: true, noResults: () => { const result = document.createElement("li"); result.setAttribute("class", "no-result"); result.setAttribute("tabindex", "1"); result.innerHTML = "No Results Found"; document.querySelector("#autocomplete-results").appendChild(result); }, onSelection: feedback => { myInput.value =; } }); </script>

In this example, AutoComplete.js is used to provide suggestions for names. The data source is defined as an asynchronous function that fetches data from an API. The configuration options include a minimum threshold of 0 characters before displaying suggestions, a debounce time of 300ms before updating the suggestions, and a maximum of 5 suggestions to display. When a suggestion is selected, the input field is updated with the selected name.

In conclusion, AutoComplete.js is a powerful library that can significantly improve user experience on your website by providing autocomplete functionality. By following the steps outlined above and customizing the configuration options according to your needs, you can quickly implement autocomplete functionality on your website.

Make your sales data-driven.

Website's technology stack, including its CMS, ecommerce platform, and payment processor, along with details about the industry, company and its contacts.

GDPR Compliant

CCPA Compliant

SOC2 Compliant

App screenshot