Skip to main content
InstantSearch Hero

​
Welcome to InstantSearch

InstantSearch is a JavaScript library for building performant and instant search experiences with Algolia. It provides pre-built UI components and widgets that make it easy to create powerful search interfaces in minutes. InstantSearch comes in three flavors to match your framework of choice:
  • InstantSearch.js - Vanilla JavaScript for maximum flexibility
  • React InstantSearch - Lightning-fast search for React applications
  • Vue InstantSearch - Seamless search integration for Vue apps

​
Why InstantSearch?

InstantSearch helps you build search experiences with best practices built in:

Instant Results

Search results update as users type, providing an instant feedback loop that keeps users engaged

Rich UI Components

Pre-built widgets for search boxes, filters, pagination, facets, and more - all customizable to match your design

Framework Flexibility

Choose vanilla JS for independence, React for modern apps, or Vue for progressive enhancement

Production Ready

Battle-tested by thousands of companies with built-in SEO, accessibility, and performance optimizations

​
Key Features

​
Comprehensive Widget Library

InstantSearch provides 30+ widgets out of the box:
  • Search Box - Autocomplete-enabled search input
  • Hits - Display search results with highlighting
  • Refinement Lists - Faceted filtering for attributes
  • Pagination - Navigate through result pages
  • Range Sliders - Filter by numeric ranges
  • Sorting - Change result ordering
  • And many more…

​
Multiple Framework Support

Whether you’re building with vanilla JavaScript, React, or Vue, InstantSearch has you covered with dedicated packages:
  • instantsearch.js - Pure JavaScript implementation
  • react-instantsearch - React components with hooks support
  • vue-instantsearch - Vue 2 and Vue 3 compatible components

​
Customization & Theming

Every widget is fully customizable:
  • Use the included CSS themes (Algolia or Satellite)
  • Override with your own styles
  • Customize templates with HTML
  • Build custom widgets using the connector API

​
Built-in Insights & Analytics

Track user behavior and optimize your search experience:
  • Click analytics
  • Conversion tracking
  • A/B testing support
  • Search insights integration

​
Server-Side Rendering (SSR)

Full SSR support for SEO and performance:
  • Next.js integration for React
  • Nuxt.js support for Vue
  • Hydration-ready for instant interactivity

​
Routing & State Management

Keep search state in sync with the URL:
  • Browser history integration
  • Deep linking support
  • Shareable search URLs
  • Back button navigation

​
Get Started

Ready to build your search experience? Choose your path:

Quick Start Guide

Build your first search UI in 5 minutes with a complete working example

Installation

Install InstantSearch for your framework and set up your development environment

​
Next Steps

After getting started, explore these resources:
  • Widgets - Browse the complete widget catalog
  • Customization - Learn how to style and customize components
  • Server-Side Rendering - Implement SSR for better SEO
  • Routing - Add URL synchronization to your search
  • API Reference - Dive deep into configuration options
New to Algolia? Check out the Algolia documentation to learn about creating indices, configuring search settings, and managing your data.