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

# Showcase for Flutter helper components

> All the Flutter helpers in action.

<div className="not-prose algolia-flavor-switcher">
  <div className="afs-dropdown">
    <div className="afs-trigger" role="button" tabIndex="0" aria-haspopup="listbox">
      <span className="afs-current">Flutter</span>

      <svg className="afs-chevron lucide lucide-chevron-down" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round" aria-hidden="true">
        <path d="m6 9 6 6 6-6" />
      </svg>
    </div>

    <ul className="afs-menu" role="listbox">
      <li role="option" aria-selected="false"><a className="afs-option" href="/doc/guides/building-search-ui/widgets/showcase/js"><span className="afs-option-name">JavaScript</span><span className="afs-option-lib">InstantSearch.js</span></a></li>
      <li role="option" aria-selected="false"><a className="afs-option" href="/doc/guides/building-search-ui/widgets/showcase/react"><span className="afs-option-name">React</span><span className="afs-option-lib">React InstantSearch</span></a></li>
      <li role="option" aria-selected="false"><a className="afs-option" href="/doc/guides/building-search-ui/widgets/showcase/vue"><span className="afs-option-name">Vue</span><span className="afs-option-lib">Vue InstantSearch</span></a></li>
      <li role="option" aria-selected="false"><a className="afs-option" href="/doc/guides/building-search-ui/widgets/showcase/ios"><span className="afs-option-name">iOS</span><span className="afs-option-lib">InstantSearch iOS</span></a></li>
      <li role="option" aria-selected="false"><a className="afs-option" href="/doc/guides/building-search-ui/widgets/showcase/android"><span className="afs-option-name">Android</span><span className="afs-option-lib">InstantSearch Android</span></a></li>
      <li role="option" aria-selected="true"><a className="afs-option is-current" href="/doc/guides/building-search-ui/widgets/showcase/flutter"><span className="afs-option-name">Flutter</span><span className="afs-option-lib">Algolia for Flutter</span></a></li>
    </ul>
  </div>
</div>

## Basics

|                                                                     |                                                                             |
| ------------------------------------------------------------------- | --------------------------------------------------------------------------- |
| [`Hits Searcher`](/doc/api-reference/widgets/instantsearch/flutter) | This component handles search requests and manages search sessions.         |
| [`Search State`](/doc/api-reference/widgets/configure/flutter)      | Represents a search operation state and abstraction over search parameters. |
| [`Filter State`](/doc/api-reference/widgets/filter-state/flutter)   | Provides an interface for managing any search filters.                      |
| [`Loading`](/doc/api-reference/widgets/loading/flutter)             | Components that show a loading indicator during pending requests.           |

## Results

|                                                                |                                                                                                |
| -------------------------------------------------------------- | ---------------------------------------------------------------------------------------------- |
| [`Highlighting`](/doc/api-reference/widgets/highlight/flutter) | Highlighting visually emphasizes matching terms in your search results to help them stand out. |

## Refinements

|                                                                             |                                                                        |
| --------------------------------------------------------------------------- | ---------------------------------------------------------------------- |
| [`Facet List`](/doc/api-reference/widgets/refinement-list/flutter)          | Components that perform refinements on a facet.                        |
| [`Current Filters`](/doc/api-reference/widgets/current-refinements/flutter) | Components that display the current filters and let users remove them. |
| [`Filter Toggle`](/doc/api-reference/widgets/toggle-refinement/flutter)     | Components that toggle an arbitrary filter on or off.                  |
| [`Clear Filters`](/doc/api-reference/widgets/clear-refinements/flutter)     | Clear the current filters.                                             |

## Metadata

|                                                     |                                                                            |
| --------------------------------------------------- | -------------------------------------------------------------------------- |
| [`Stats`](/doc/api-reference/widgets/stats/flutter) | Components that display metadata about the current search and its results. |

## Sorting

|                                                        |                                                                                                                  |
| ------------------------------------------------------ | ---------------------------------------------------------------------------------------------------------------- |
| [`SortBy`](/doc/api-reference/widgets/sort-by/flutter) | Components that display a list of indices and allow users to change how hits are sorted (using replica indices). |