> ## Documentation Index
> Fetch the complete documentation index at: https://algolia.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Components

> Use Algolia's UI template components to assemble a search and discovery experience.

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](#home-page)
* [Product listing pages](#product-listing-page)
* 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.

<Info>
  The Ecommerce UI template components are cross-platform,
  all components are optimized to render well on both iOS and Android.
</Info>

## Data sources

The ecommerce experience requires sources of entity objects.
In this example, there are three entity objects:
products, query suggestions and search.

| Component                                                                                                                                    | Description                                                            |
| -------------------------------------------------------------------------------------------------------------------------------------------- | ---------------------------------------------------------------------- |
| [Product repository](/doc/guides/building-search-ui/ecommerce-ui-template/components/in-depth/data-sources/product-repository/flutter)       | Repository providing access to products information.                   |
| [Suggestion repository](/doc/guides/building-search-ui/ecommerce-ui-template/components/in-depth/data-sources/suggestion-repository/flutter) | Repository providing access to query suggestions and queries history.. |
| [Search repository](/doc/guides/building-search-ui/ecommerce-ui-template/components/in-depth/data-sources/search-repository/flutter)         | Repository providing access to products indices.                       |

## Home page

| Component                                                                                             | Description                                      |
| ----------------------------------------------------------------------------------------------------- | ------------------------------------------------ |
| [Showcase](/doc/guides/building-search-ui/ecommerce-ui-template/components/in-depth/showcase/flutter) | Organizes media-rich records into scannable rows |

## Product listing page

### Display

| Component                                                                                                                                          | Description                                                                                   |
| -------------------------------------------------------------------------------------------------------------------------------------------------- | --------------------------------------------------------------------------------------------- |
| [Display products](/doc/guides/building-search-ui/ecommerce-ui-template/components/in-depth/product-listing-page-display/display-products/flutter) | Display multiple products using different layouts (as a grid or list) with infinite scrolling |
| [Product card](/doc/guides/building-search-ui/ecommerce-ui-template/components/in-depth/product-listing-page-display/product-card/flutter)         | Map your record structure so that you can display a product card                              |
| [No results](/doc/guides/building-search-ui/ecommerce-ui-template/components/in-depth/product-listing-page-display/no-results-handler/flutter)     | Display different options to users when there are no results for a specific search            |

### Search

| Component                                                                                                            | Description                                                                |
| -------------------------------------------------------------------------------------------------------------------- | -------------------------------------------------------------------------- |
| [Autocomplete](/doc/guides/building-search-ui/ecommerce-ui-template/components/in-depth/search-autocomplete/flutter) | Display search autocomplete view with search history and query suggestions |

### Filtering

| Component                                                                                                                                           | Description                                   |
| --------------------------------------------------------------------------------------------------------------------------------------------------- | --------------------------------------------- |
| [Filters](/doc/guides/building-search-ui/ecommerce-ui-template/components/in-depth/product-listing-page-filter-and-nav/filters-refinements/flutter) | Filter results from a sidebar drawer          |
| [Facets](/doc/guides/building-search-ui/ecommerce-ui-template/components/in-depth/product-listing-page-filter-and-nav/refinement-widgets/flutter)   | Filter product results with facets            |
| [Sort](/doc/guides/building-search-ui/ecommerce-ui-template/components/in-depth/product-listing-page-filter-and-nav/sort/flutter)                   | Sort products according to different criteria |