On this page
We released React InstantSearch Hooks, a new InstantSearch library for React. We recommend using React InstantSearch Hooks in new projects or upgrading from React InstantSearch.
Each UI template comes with a set of functional blocks (“components”) and a demo site consisting of pages created with those components. For example, the Ecommerce UI template’s demo site has:
- A home page
- Product listing pages
- Product detail pages.
These pre-packaged components are designed to be as independent as possible, so you can choose the ones you’re interested in. They’re typically composed of InstantSearch widgets, Autocomplete plugins, and non-Algolia components.
The Ecommerce UI template components are fully responsive, and all components are optimized to render well on both mobile and desktop devices.
|Showcase||Organizes media-rich records into easily scannable rows|
Product listing page
|Display products||Display multiple products using different layouts (as a grid or list) and load previous or next product pages|
|Product card||Map your record structure so that you can display a product card|
|Banners||Display banners using custom data (and currently applied Rules)|
|No results||Display different options to users when there are no results for a specific search|
Filtering and navigation
|Filters and refinements||Filter results with a sidebar|
|Refinement widgets||Filter product results with facets|
|Sort||Sort products according to different criteria|
|Breadcrumb||See product category hierarchies at a glance|