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.
Learn how to add rich, relevant search to your apps and websites with Elastic.
Watch video
See how to use Search UI to build premium search experiences.
See webinar
The search experience on your website is often the key driver of visitor satisfaction. Learn more on how to increase website engagement.
Read blog
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>
);
}