Vue InstantSearch Widgets
To see the widgets in action, check out our interactive widget showcase.
A wrapper that allows you to configure the credentials for the search.
A widget to let the user set a text-based query.
A widget that lets you provide raw search parameters to the Algolia API without rendering anything.
A widget that wraps other widgets in a consistent panel design. It also reacts, indicates and sets CSS classes when widgets are no longer relevant for refining.
A widget that provides the logic to create a connected component that renders results from Algolia.
A widget to display a list of results.
A widget to display a list of results with a “Show more” button.
A widget that renders any attribute from a hit into its highlighted form when relevant.
A widget that displays snippeted attributes of your search results.
One of the most common widget that you can find in a search UI. With this widget, the user can filter the dataset based on facets.
A widget to create a navigation based on a hierarchy of facet attributes. It is commonly used for categories with subcategories.
A widget that allows a user to select a numeric range using a slider with two handles.
A widget that displays a menu that lets the user choose a single value for a specific attribute.
A widget that displays a list of refinements applied to the search.
A widget that allows a user to select a numeric range using a minimum and maximum input.
A widget that allows a user to select a single value to refine in a dropdown menu.
A widget that provides an on/off filtering feature based on an attribute value.
A widget that displays a list of numeric filters in a list. Those numeric filters are pre-configured with creating the widget.
A widget that lets the user refine search results by clicking on stars.
A widget that displays a button that lets the user clean every refinement applied to the search.
A widget that displays a pagination system allowing the user to change the current page.
A widget that displays a select element to let the user change the number of displayed hits.
A secondary navigation scheme that lets the user see where the current page is in relation to the facet’s hierarchy.
A widget that displays the total number of matching hits and the time it took to get them.
A widget to display the Algolia logo to redirect to our website.
A widget that allows you reach into the current search state.
A widget that displays a list of indices, allowing a user to change the way hits are sorted (with replica indices).