Repolode
Submit
appbaseio

appbaseio/reactivesearch

UI component library for React and Vue that builds search interfaces on top of Elasticsearch, OpenSearch, Solr, and MongoDB.

Open-source alternative to:Algolia InstantSearch

View on GitHubWebsite
Stars
4,924
Forks
477
Open issues
189
Last commit
2 days ago

What is it?

ReactiveSearch is a UI component library for building search and filtering interfaces in React and Vue. It provides over 20 components covering lists, ranges, search boxes, result displays, maps, charts, and AI-generated answers. Components can be wired together so that a filter or search input in one part of the page reactively updates the results shown elsewhere.

The components turn user interactions, such as selecting a list item, moving a range slider, or typing into a search box, into search queries. In the current major version, the library sends only the search intent, and the ReactiveSearch cloud service generates the query for the configured backend engine. Results can be rendered as lists or cards, on Google Maps or OpenStreetMap, or as charts built with Apache ECharts. An AIAnswer component supports retrieval-augmented generation using the search engine and OpenAI models.

The components are styled and scoped, with className and innerClass props and a ThemeProvider for theming. Installation is a single npm command, with separate packages for React and Vue.

Key features

  • 01Over 20 components for lists, ranges, search boxes, result displays, maps, and charts.
  • 02Components can react to each other's state so filters update results across the page.
  • 03Supports Elasticsearch, OpenSearch, Solr, and MongoDB as backends via ReactiveSearch cloud.
  • 04AIAnswer component offers retrieval-augmented generation with OpenAI models.
  • 05Scoped, styled components with theming through ThemeProvider.

Use cases

  • Building an e-commerce product search page with faceted filters and price range sliders.
  • Creating a book or media search app backed by Elasticsearch or OpenSearch.
  • Adding a dashboard with search-driven charts to a React or Vue application.
  • Providing a map-based search view for location data.

Quick start

  1. 1

    Install the React library from npm

    npm install @appbaseio/reactivesearch
  2. 2

    For Vue, install the Vue package from npm instead

    npm install @appbaseio/reactivesearch-vue
  3. 3

    Follow the React quickstart guide in the official docs to configure your backend and components

Things to know

  • Query generation relies on ReactiveSearch cloud, which must be configured with your search engine.
  • ReactiveChart is only supported for React, not Vue.

In collections

Frontend frameworks & UI components

Topics

#search#react#vue#elasticsearch#opensource-search#ui-components#frontend-components#charts#data-components#developer-tools

FAQ

What is reactivesearch?
UI component library for React and Vue that builds search interfaces on top of Elasticsearch, OpenSearch, Solr, and MongoDB. ReactiveSearch is a UI component library for building search and filtering interfaces in React and Vue. It provides over 20 components covering lists, ranges, search boxes, result displays, maps, charts, and AI-generated answers. Components can be wired together so that a filter or search input in one part of the page reactively updates the results shown elsewhere.
Is reactivesearch free to use? What license does it have?
reactivesearch is open source under the Apache-2.0 license. Check the license terms before using it in commercial products.
Is reactivesearch still maintained?
Actively maintained. The last commit to reactivesearch was on Nov 5, 2026.
What can I use reactivesearch for?
Building an e-commerce product search page with faceted filters and price range sliders. Creating a book or media search app backed by Elasticsearch or OpenSearch. Adding a dashboard with search-driven charts to a React or Vue application. Providing a map-based search view for location data.
How do I install reactivesearch?
Install the React library from npm: npm install @appbaseio/reactivesearch For Vue, install the Vue package from npm instead: npm install @appbaseio/reactivesearch-vue Follow the React quickstart guide in the official docs to configure your backend and components
Where can I get reactivesearch?
The source code and installation instructions are on GitHub: https://github.com/appbaseio/reactivesearch

Summary generated by AI from the project's README. GitHub stats refresh daily.

Related projects