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 implementationreact-instantsearch- React components with hooks supportvue-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