SEARCH UI

The shortcut to a complete search UI

Create search interfaces and configurable search components with just a few lines of code. Build fully customizable search experiences with rich filtering capabilities that help your users find exactly what they need.

Try Search UI
Download now
Video thumbnail

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

Watch video

Get started using Search UI to build modern search experiences.

See documentation

The search experience on your website is often the key driver of visitor satisfaction. Learn more on how to increase website engagement.

Read blog

FEATURES

Prebuilt with Search UI

Add popular, out-of-the-box search features to frontend search applications that help users get to accurate results faster. Quickly implement search UX best practices.

  • Search-as-you-type

    Add search-as-you-type fields that match to queries to find users quick answers.

  • Faceting, sorting, and pagination

    Users can narrow down search results manually to match their criteria, with auto-paginated search results and emphasized, matching search terms.

  • Go beyond keywords to understand intent and context, returning more relevant and meaningful results.

  • Handle typos and misspellings by finding results that are similar, not just identical, to user queries.

See it for yourself

Get Started Quickly

Simple, flexible, powerful

Build search interfaces with a range of mobile-friendly components — all customizable to your exact use case.

  • Ready in 5 minutes

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

  • Open source, fully customizable

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

  • Full-stack JavaScript support

    It works the same on frontend and backend — use with any JS framework or Next.js for unified, flexible search experiences.

  • URL synchronization

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

  • Search performance monitoring

    Analyze usage, performance, and errors on your search page with Elastic’s Real User Monitoring (RUM).

  • React, vanilla, and beyond

    Written completely in Typescript, the underlying library powering Search UI can be used with any JavaScript framework.

Elasticsearch — the most widely deployed vector database

Copy to try locally in two minutes

curl -fsSL https://elastic.co/start-local | sh
Read docs
OR

Deploy for production

Start free cloud trial

Or, download on-prem

Try it now on Elastic Cloud

Spin up a fully loaded deployment on the cloud provider you choose. As the company behind Elasticsearch, we bring our features and support to your Elastic clusters in the cloud.

Start free trial