Guides / Building Search UI / Widgets

You can have a look at our Widget Showcase app to see each of these widgets in action.



The component handling search requests.


Component that performs a text-based query.


A component to provide any search parameters to Algolia.


Experimental component that computes search parameters to fetch related items.

Filter State

FilterState provides a friendly interface to manage filters applied to your search.


Components that show a loading indicator during pending requests.



Component that manages and displays a list of search results.


Set of tools to highlight relevant parts of the search results.

Multi Hits

Component that manages and displays a paginated list of search results from multiple indices.


Refinement List

Components that perform refinements on a facet.

Filter List (Facet)

Component that displays a list of arbitrary facet filters.

Filter List (Numeric)

Components that display a list of arbitrary numeric filters.

Filter List (Tag)

Components that display a list of arbitrary tag filters.

Dynamic Facet List

Component presenting the ordered facets, facet values and handling the user interaction to refine search results. The order of facets and their values is defined by the facet merchandising settings of the index.

Hierarchical Menu

Components that build a hierarchical menu.

Filter Numeric Range

Components that apply a numeric range filter.

Current Filters

Components that display the current filters and let users remove them.

Filter Toggle

Components that toggle an arbitrary filter on or off.

Clear Filters

Components that clear the current filters.



Components that display metadata about the current search and its results.


Component that displays custom data from Rules.


Sort By

Components that display a list of indices, allowing a user to change the way hits are sorted (using replica indices).


A widget that displays the current search mode when searching in a virtual replica index, and allows users to switch between relevant and regular sorting, which is more exhaustive and can return less relevant results.

Did you find this page helpful?