A UI components library for building search interfaces with Elasticsearch, OpenSearch, Solr, and MongoDB for React and Vue.
ReactiveSearch is a UI components library for React and Vue that enables developers to build powerful search and filtering interfaces. It connects to search engines like Elasticsearch, OpenSearch, Solr, and MongoDB, automatically transforming UI interactions into the appropriate search queries. The library solves the problem of manually crafting complex search UIs by providing a rich set of pre-built, interactive components.
Frontend developers building search-driven applications in React or Vue, especially those using Elasticsearch, OpenSearch, Solr, or MongoDB as their backend data store.
Developers choose ReactiveSearch for its extensive component library, seamless multi-engine support, and reactive architecture that simplifies building complex filtering UIs. Its secure server-side query generation and strong theming capabilities offer a robust alternative to proprietary solutions like Algolia InstantSearch.
Search UI components for React and Vue
Open-Awesome is built by the community, for the community. Submit a project, suggest an awesome list, or help improve the catalog on GitHub.
Over 20 pre-built UI components like lists, range sliders, maps, and charts, enabling rapid development of complex search interfaces without reinventing the wheel.
Supports Elasticsearch, OpenSearch, Solr, MongoDB, and integrates AI via OpenAI, providing flexibility across different backend technologies.
Components can interact and update based on user selections, handling complex query transformations automatically for dynamic filtering UIs.
From v4, it uses the ReactiveSearch API to send search intent to a secure backend, keeping query logic server-side and enhancing security.
Secure query generation requires ReactiveSearch cloud, introducing potential vendor lock-in and additional setup complexity compared to self-hosted solutions.
ReactiveChart component is only supported for React, not Vue, restricting data visualization options for Vue users as noted in the README.
Configuring with multiple engines and integrating ReactiveSearch cloud can be more involved than simpler libraries, especially for non-Elasticsearch backends.
reactivesearch-native is an open-source alternative to the following products: