Angular InstantSearch is future proof. Build a powerful Search UI using Angular’s latest technologies.
Discover widgetsCreate 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>
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