Angular InstantSearch for web
What is Algolia

What is Algolia

Algolia is a hosted, API-first platform used to build world-class search & discovery experiences. 

Start building quickly using libraries for every major language and framework. Scale your solution with a platform that serves over 85 billion queries for more than 13k customers every month.

Angular search bar and Algolia UI components

Add instant-search bar to Angular applications

Angular InstantSearch UI library is 

  • Pre-built, customizable and flexible UI widgets to create your own search experiences -  explore the showcase
  • Has server side rendering and routing capabilities
  • Open source, production-ready and maintained by Algolia 


  • Provides pre-built UI components following best practice principles for Angular that remain independent from external frameworks
  • Integrate and add search bar in your existing UI or app, or use InstantSearch templates
  • Comes with a default CSS theme, completely customizable
  • Manages all business logic for search requests, responses, and states
  • Progressive customization of components (use, extend, or customize)


  • Compatible with all current versions of the underlying Angular library
  • Code is entirely open source and available on GitHub
  • Bootstrap your application, with create-instantsearch-app, NPM, ...

Related Integrations

Key links

Get started


1body { font-family: sans-serif; }
2.ais-SearchBox { margin-bottom: 1em }

Search (get a free account here)

1<ais-instantsearch [config]="config">
2  <ais-search-box></ais-search-box>
3  <ais-hits>
4    <ng-template let-hits="hits">
5      <ol class="ais-Hits-list">
6        <li *ngFor="let hit of hits" class="ais-Hits-item">
7         {{}}
8        </li>
9      </ol>
10    </ng-template>
11  </ais-hits>
Get started for freeExplore all developer docs

Built with Algolia

Frontend Tools
Templates & Starters

Ecommerce Starter

Starter for product search powered by Algolia InstantSearch

  • vuejs
  • react
  • angular
  • javascript