The API reference contains technical information on all Autocomplete packages.
Autocomplete provides an ecosystem of companion libraries you can use for various purposes.
autocomplete-core package is the foundation of Autocomplete. It exposes primitives to build an autocomplete experience.
You likely don't need to use this package directly unless you're building a renderer.
Renderers provide a UI to headless autocomplete experiences built with
autocomplete-core. For example,
Custom renderers are an advanced pattern that you should only use when hitting the limits of
autocomplete-js is too constraining for your use case.
Plugins encapsulate custom functionalities. They abstract common behaviors that you might want to use in your experience by hooking into the Autocomplete lifecycle.
We provide a few official plugins:
autocomplete-plugin-recent-searchesdisplays a list of the latest searches the user made. It comes with a pre-implemented version that connects with the user's local storage.
autocomplete-plugin-query-suggestionsplugs Algolia Query Suggestions to your autocomplete.
autocomplete-plugin-algolia-insightsautomatically sends click and conversion events to the Algolia Insights API whenever a user interacts with the autocomplete.
Presets provide utilities to use in Autocomplete experiences. They facilitate integration with other tools or libraries by providing common helpers and sane defaults.
We currently provide a single preset:
autocomplete-preset-algoliaprovides fetching and highlighting utilities for usage with Algolia.
Themes are CSS packages to style Autocomplete experiences. They work out of the box with the exposed class names from
We currently provide a single theme:
autocomplete-theme-classicis the official Autocomplete theme.