Searchkit screenshot

Searchkit

Author Avatar Theme by Searchkit
Updated: 14 May 2025
4823 Stars

React + Vue Search UI for Elasticsearch & Opensearch. Compatible with Algolia's Instantsearch and Autocomplete components.

Categories

Overview

Searchkit is an open source library that helps you build a great search experience with Elasticsearch. It provides a Search UI for Elasticsearch or Opensearch, allowing you to use Instantsearch components like Searchbox, refinement filters, and results to build a search experience quickly. With Searchkit, you can simplify using Elasticsearch for search, as it provides UI search components for popular frameworks such as React, Vue, Angular, and more.

Features

  • Works with Javascript, React, Vue, Angular, and more
  • Ability to use Elasticsearch Query DSL for advanced queries
  • Searchkit Node API proxies Elasticsearch requests from the browser
  • Demos available for Next.js, Geo Search, Nested Fields Search, and Autocomplete
  • Quick Start Guides for Javascript, React Hooks, Vue, and Angular
  • Code Examples available on Github
  • Proxy Elasticsearch Quick Starts for Next.js Functions, Cloudflare Workers, and Express.js
  • Video Tutorials for Searchkit Intro with Instantsearch.js and Searchkit Node API

Installation

To install Searchkit, you can either use npm or yarn. Alternatively, you can include it via CDN. Searchkit requires Elasticsearch 7.0 or higher or Opensearch 2.4 or higher. If you’re using Docker, you can run Elasticsearch using the provided setup guide. Once Elasticsearch is set up, you can proceed to set up Searchkit. Searchkit is compatible with all Instantsearch frameworks. You can follow the example provided for using react-instantsearch-hooks-web.

Summary

Searchkit is an open source library that simplifies building a search experience with Elasticsearch. It provides UI search components for popular frameworks like React, Vue, Angular, and more, allowing you to quickly build a search interface with features such as instant search, refinement filters, and advanced queries using Elasticsearch Query DSL. With Searchkit, you can easily integrate Elasticsearch into your application and provide a seamless search experience for your users.