icon

Search UI

A search interface that simply works

Search UI is a JavaScript search framework for implementing world-class search experiences without reinventing the wheel. It works out of the box so you can focus on thinking outside of it.

View Search UI on GitHub

Learn how to add rich, relevant search to your apps and websites with Elastic App Search

Watch video

See how to use Search UI to build premium search experiences.

Watch video

Elastic is a search company. Learn how we apply the power of search to a variety of use cases.

Watch video

New

7.7 introduces configurable default options for commonly used settings in App Search, giving users even more control over how their deployments scale.

Learn more

Flexible

Ready to React

Search UI is designed to work with React without any configuration, with pre-built connectors for Elastic App Search and Elastic Site Search. Download and import, it’s that simple.

npm install --save @elastic/react-search-ui @elastic/search-ui-app-search-connector

const connector = new AppSearchAPIConnector({
    searchKey: "search-soaewu2ye6uc45dr8mcd54v8",
    engineName: "national-parks-demo",
    hostIdentifier: "host-2376rb"
  });

  export default function App() {
    return (
      <SearchProvider
        config={{
          apiConnector: connector
        }}
      >
        {() => (
          <div className="App">
            <SearchBox />
            <Results
              titleField="title"
              urlField="nps_link"
            />
          </div>
        )}
      </SearchProvider>
    );
  }

Simple, flexible, powerful

Ready in 5 minutes

Ready in 5 minutes

Download, select your components and add a few lines of code to your application.

Open source, fully customizable

Open source, fully customizable

Every component can be styled and modified at will to create uniquely immersive experiences. And it's all open source.

Headless core

Headless core

Leverage the framework's logic and extend it with your own components.

URL synchronization

URL synchronization

Filters, queries, pagination, and all query parameters are automatically captured in the URL for an optimal user experience.

Interoperable

Interoperable

Search UI can be used with any search service, but comes stock with pre-built connectors for Elastic App Search.

React, vanilla, and beyond

React, vanilla, and beyond

The underlying library powering Search UI can be used with any JavaScript framework and even vanilla JavaScript.

Get started with Search UI

View Search UI on GitHub