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

# Algolia for Flutter

> Build cross-platform native applications with Algolia and Flutter.

<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/what-is-instantsearch/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/what-is-instantsearch/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/what-is-instantsearch/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/what-is-instantsearch/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/what-is-instantsearch/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/what-is-instantsearch/flutter"><span className="afs-option-name">Flutter</span><span className="afs-option-lib">Algolia for Flutter</span></a></li>
    </ul>
  </div>
</div>

Flutter is an open source framework by Google for building beautiful, natively compiled, multi-platform applications from a single codebase.
It's supported and used by Google, trusted by well-known brands around the world, and maintained by a community of global developers.

Algolia for Flutter is an open source library that lets you quickly build a search and discovery interface in your cross-platform Flutter application.
The goal of the library is to help you implement awesome search experience as smoothly as possible, including autocomplete search experience, faceting, sorting, search hits highlighting and much more.
Algolia Flutter Helper tackles an important part of this vast goal by providing business-logic components and helpers so that you can assemble into unique search interface.
It joins the InstantSearch libraries family, but provide only the basic functionalities.

Start by building a basic search experience with filtering using the [Getting Started Guide](/doc/guides/building-search-ui/getting-started/flutter).

<video controls style={{maxWidth:"300px"}}>
  <source src="https://mintcdn.com/algolia/QUuhkPGiow1bP-ae/images/guides/search-ui/search-flutter.webm?fit=max&auto=format&n=QUuhkPGiow1bP-ae&q=85&s=a15617118a03537de6ca99b541cfb83c" type="video/webm" data-path="images/guides/search-ui/search-flutter.webm" />

  <source src="https://mintcdn.com/algolia/QUuhkPGiow1bP-ae/images/guides/search-ui/search-flutter.mp4?fit=max&auto=format&n=QUuhkPGiow1bP-ae&q=85&s=8a584b196bac0946d611019381106e01" type="video/mp4" data-path="images/guides/search-ui/search-flutter.mp4" />
</video>

Discover the advanced search and discovery experience built with Algolia Flutter Helper embodied in the [Ecommerce UI Template](/doc/guides/building-search-ui/ecommerce-ui-template/overview/flutter)

<img src="https://mintcdn.com/algolia/u8QjGPGZbKOqOFEr/images/guides/search-ui/spencer-williams-flutter.png?fit=max&auto=format&n=u8QjGPGZbKOqOFEr&q=85&s=3247230d84e342490d04a079b84534a0" alt="Screenshot of the mobile view for the Flutter demo app showing the home screen with banners, product listings, and the search input" style={{ maxWidth: "300px" }} width="500" height="1082" data-path="images/guides/search-ui/spencer-williams-flutter.png" />