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

# UI examples for Vue InstantSearch

> See a few examples of user interfaces built with Vue InstantSearch.

## Ecommerce

<Frame>
  <img src="https://mintcdn.com/algolia/WOi5v-PGZrMZ2rOj/images/build-search-ui/demos/e-commerce.png?fit=max&auto=format&n=WOi5v-PGZrMZ2rOj&q=85&s=85cf653f3e839f676fac7a19eb9e2dbf" alt="Screenshot of an ecommerce demo showing a search box, product filters, and a grid of items like an Amazon Fire TV Stick and a Dell a laptop model laptop." width="1645" height="1028" data-path="images/build-search-ui/demos/e-commerce.png" />
</Frame>

[View demo](https://instantsearchjs.netlify.app/examples/vue/e-commerce)
[View source code](https://github.com/algolia/instantsearch/tree/master/examples/vue/e-commerce)
[View dataset](https://github.com/algolia/datasets/tree/master/ecommerce)

## Media

<Frame>
  <img src="https://mintcdn.com/algolia/WOi5v-PGZrMZ2rOj/images/build-search-ui/demos/media-movies.png?fit=max&auto=format&n=WOi5v-PGZrMZ2rOj&q=85&s=c0290397686b128a50b07f91332cb4ba" alt="Screenshot of a media search interface with movie results, titles, years, genres, and star ratings, plus a filter sidebar." width="1645" height="1095" data-path="images/build-search-ui/demos/media-movies.png" />
</Frame>

[View demo](https://instantsearchjs.netlify.app/examples/vue/media)
[View source code](https://github.com/algolia/instantsearch/tree/master/examples/vue/media)
[View dataset](https://github.com/algolia/datasets/tree/master/movies)

## Default theme

<Frame>
  <img src="https://mintcdn.com/algolia/WOi5v-PGZrMZ2rOj/images/build-search-ui/demos/instantsearch-default-theme.png?fit=max&auto=format&n=WOi5v-PGZrMZ2rOj&q=85&s=0764e41feac1dfb78be0cdf523baa8fc" alt="Screenshot of the default theme demo for Vue InstantSearch, showing a product grid with filters on the left and pagination at the bottom." width="1645" height="1095" data-path="images/build-search-ui/demos/instantsearch-default-theme.png" />
</Frame>

[View demo](https://instantsearchjs.netlify.app/examples/vue/default-theme)
[View source code](https://github.com/algolia/instantsearch/tree/master/examples/vue/default-theme)