Lightning-fast search for Angular

Angular InstantSearch makes it easy to design the perfect search
experience using prepackaged search components or creating your own!

Get started

Built for Angular 4 and 5

InstantSearch components

Angular InstantSearch is future proof. Build a powerful Search UI using Angular’s latest technologies.

Discover widgets

Declarative

Create beautiful and customizable instant-search experiences. Use our predefined widgets, configure them with options and let Angular InstantSearch take care of the rest.

Read the Guide

  <ais-instantsearch
    [config]="{
      appId: 'latency',
      apiKey: '6be0576ff61c053d5f9a3225e2a90f76',
      indexName: 'instant_search'
    }">
    <div class="left">
      <ais-hierarchical-menu>
        [attributes]="['hierarchicalCategories.lvl0', 'hierarchicalCategories.lvl1', 'hierarchicalCategories.lvl2']"
        [sortBy]="['name:asc']">
      </ais-hierarchical-menu>
      <ais-refinement-list>
        attribute="brand"
        operator="or"
        limit="10">
      </ais-refinement-list>
    </div>

    <div class="right">
      <ais-search-box placeholder="Search a product"></ais-search-box>
      <ais-hits></ais-hits>
    </div>
  </ais-instantsearch>

Built-in Server Side Rendering

Angular InstantSearch provides state-of-the-art server-side rendering thanks to Angular 5 newest features. So that you can optimize your SEO and page loading times easily.

Implement Server Side Rendering

See it live