Skip to main content
This is the React InstantSearch v7 documentation. If you’re upgrading from v6, see the upgrade guide. If you were using React InstantSearch Hooks, this v7 documentation applies—just check for necessary changes. To continue using v6, you can find the archived documentation.
Autocomplete is a ubiquitous part of most search experiences. Search providers like Google, ecommerce sites like Amazon, and messaging apps like Slack all offer autocomplete experiences on mobile and desktop. Algolia provides a full-featured solution to build autocomplete experiences with React InstantSearch. The <Autocomplete> widget lets you build an accessible, as-you-type autocomplete user interface that you can integrate anywhere on your site or app.

Open CodeSandbox

Run and edit the Autocomplete example in CodeSandbox.

Explore source code

Browse the source for the Autocomplete example on GitHub.
A common pattern in search is to implement a search box with an autocomplete as a first step of the search experience. Adding an autocomplete to a search page lets you enhance the search experience and create a richer, more contextual search. You can use the <Autocomplete> widget in an existing or a new React InstantSearch implementation to create this kind of experience. To learn more, see Build a Query Suggestions UI.
Last modified on March 12, 2026