Search UI Libraries
Algolia’s mission is to help developers implement great search experiences in as little time as possible. To help shorten the development time needed, we have created a variety of JS libraries to help you assemble and customize your search user interface. These libraries can help you handle common needs, like refinement states, syncing the URL, and more.
A search results page is made up of individual components, also known as widgets. Widgets are UI components for either the search input (search bar, facets/filters, etc.) or the search output (actual results). User experience best practices come baked into the widgets available, allowing you to harness our search expertise. Additionally, the modular design of InstantSearch.js allows you to configure, rearrange and combine the widgets to build your own experience. If needed, you can even roll your own custom widget.
Many widgets are included out of the box:
- search bar
- range slider
- display results
- and more!
InstantSearch is also available for:
All the variations of InstantSearch are built on top of our JS Helper library, which is in turn a wrapper on top of the JS API client. The Algolia JS Helper is a set of functions and patterns that allow you to further customize the search experience. It enables advanced faceting, state management, and events subscription.
The Helper is framework-agnostic and can be used in any application to help structure the search logic.
The Helper can be used alone to build search UIs; however, we recommend using one of the InstantSearch libraries for most use cases.
- displaying suggestions to end users as they type
- show top suggestions as a hint (i.e. background text)
- custom templates for UI flexibility
The library is available as a jQuery plugin, an Angular.js directive, or a standalone library.
DocSearch is the easiest way to add search to technical documentation.
To get started, fill out the form on the DocSearch website and we’ll respond with the code snippet necessary to integrate your new search into your website. Not only do we handle crawling your documentation pages, we configure and maintain your search experience for you.
DocSearch is provided for free and does not require creating an Algolia account.
Try these tutorials
If you want to get started building your search UI, here are a few tutorials you might find helpful:
Did you find this page helpful?
We're always looking for advice to help improve our documentation!
Please let us know what's working (or what's not!).
We're constantly iterating thanks to the feedback we receive.