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

# Demos

> Explore interactive demos showcasing Meilisearch capabilities

Discover what Meilisearch can do through our collection of interactive demos. Each demo showcases different features and use cases, with full source code available on GitHub.

## Featured demos

<CardGroup cols={3}>
  <Card title="Where to Watch" icon="film" href="/resources/demos/where_to_watch">
    Hybrid search, recommendations, multi-lingual semantic search, and custom ranking.
  </Card>

  <Card title="Home Booking" icon="house" href="/resources/demos/home_booking">
    Chat-based property search with conversational refinement and classic search.
  </Card>

  <Card title="E-commerce" icon="cart-shopping" href="/resources/demos/ecommerce">
    Facets, filtering, sorting, image search, and infinite scroll.
  </Card>

  <Card title="SaaS CRM" icon="building" href="/resources/demos/saas">
    Multi-tenancy with native data isolation per user.
  </Card>

  <Card title="Image search" icon="image" href="/resources/demos/flickr">
    Multimodal search across 100 million images with similar image discovery.
  </Card>

  <Card title="Personalized search" icon="user" href="/resources/demos/personalized_search">
    Real-time search personalization with editable user context.
  </Card>

  <Card title="Search Playground" icon="flask-vial" href="/resources/demos/playground">
    Compare 20+ embedders and search modes side by side.
  </Card>
</CardGroup>

## More demos

<CardGroup cols={3}>
  <Card title="Music search" icon="music" href="/resources/demos/music">
    40 million songs with sub-100ms response times.
  </Card>

  <Card title="Geosearch" icon="map" href="/resources/demos/geosearch">
    Search 30,000+ cities on an interactive map.
  </Card>

  <Card title="MoMA collection" icon="palette" href="/resources/demos/moma">
    Explore the Museum of Modern Art's collection.
  </Card>

  <Card title="Nobel Prizes" icon="award" href="/resources/demos/nobel_prizes">
    Search Nobel Prize winners with category filtering.
  </Card>

  <Card title="Tenant tokens" icon="lock" href="/resources/demos/tenant_tokens">
    Multi-tenant data isolation with JWT tokens.
  </Card>

  <Card title="Typo tolerance" icon="spell-check" href="/resources/demos/typo_tolerance">
    Compare different typo tolerance configurations.
  </Card>

  <Card title="Voice search" icon="microphone" href="/resources/demos/voice_search">
    Search using voice input with speech recognition.
  </Card>

  <Card title="RubyGems" icon="gem" href="/resources/demos/rubygems">
    Search Ruby packages with popularity-based ranking.
  </Card>
</CardGroup>

## InstantSearch examples

Interactive CodeSandbox examples showing Meilisearch integration with InstantSearch libraries.

<CardGroup cols={3}>
  <Card title="JavaScript" icon="js" href="https://codesandbox.io/s/ms-is-meilisearch-57g9e">
    Vanilla JavaScript with instant-meilisearch
  </Card>

  <Card title="Vue" icon="vuejs" href="https://codesandbox.io/s/ms-vue-is-meilisearch-1mdbu">
    Vue InstantSearch integration
  </Card>

  <Card title="React" icon="react" href="https://codesandbox.io/s/ms-react-is-meilisearch-h2edj">
    React InstantSearch integration
  </Card>
</CardGroup>

## Build your own

<CardGroup cols={2}>
  <Card title="Cloud quick start" icon="cloud" href="/getting_started/first_project">
    Deploy in minutes with Meilisearch Cloud
  </Card>

  <Card title="Self-hosted setup" icon="server" href="/resources/self_hosting/getting_started/quick_start">
    Run Meilisearch on your own infrastructure
  </Card>
</CardGroup>

Demo source code is available on GitHub, with most demos in the [meilisearch/demos](https://github.com/meilisearch/demos) repository.