searchkit

React UI components / widgets. The easiest way to build a great search experience with Elasticsearch.

Github stars Tracking Chart

What is Searchkit?


npm version
jsDelivr Hits
Join the chat at https://gitter.im/searchkit/searchkit
Coverage Status

Searchkit is a suite of UI components built in react. The aim is to rapidly create beautiful search applications using declarative components, and without being an Elasticsearch expert.

Quick Start

Checkout Searchkit starter app (https://github.com/searchkit/searchkit-starter-app). Based off Facebook's Create-react-app project. Clone repo and add your changes!

See full Documentation or Getting Started

Quick Intro

Live demo

const searchkit = new SearchkitManager("http://demo.searchkit.co/api/movies/")


const App = ()=> (
  <SearchkitProvider searchkit={searchkit}>
    <Layout>
      <TopBar>
        <SearchBox
          autofocus={true}
          searchOnChange={true}
          prefixQueryFields={["actors^1","type^2","languages","title^10"]}/>
      </TopBar>
      <LayoutBody>
        <SideBar>
          <HierarchicalMenuFilter
            fields={["type.raw", "genres.raw"]}
            title="Categories"
            id="categories"/>
          <RefinementListFilter
            id="actors"
            title="Actors"
            field="actors.raw"
            operator="AND"
            size={10}/>
        </SideBar>
        <LayoutResults>
          <ActionBar>

            <ActionBarRow>
              <HitsStats/>
            </ActionBarRow>

            <ActionBarRow>
              <SelectedFilters/>
              <ResetFilters/>
            </ActionBarRow>

          </ActionBar>
          <Hits mod="sk-hits-grid" hitsPerPage={10} itemComponent={MovieHitsGridItem}
            sourceFilter={["title", "poster", "imdbId"]}/>
          <NoHits/>
        </LayoutResults>
      </LayoutBody>
    </Layout>
  </SearchkitProvider>
)

ReactDOM.render(<App/>, document.getElementById('root'))


Main metrics

Overview
Name With Ownersearchkit/searchkit
Primary LanguageTypeScript
Program languageJavaScript (Language Count: 5)
Platform
License:Apache License 2.0
所有者活动
Created At2015-11-19 18:27:43
Pushed At2025-05-14 23:22:45
Last Commit At
Release Count337
Last Release Namesearchkit@4.14.1 (Posted on 2025-03-15 21:22:10)
First Release Name0.1.8 (Posted on )
用户参与
Stargazers Count4.8k
Watchers Count86
Fork Count441
Commits Count2.3k
Has Issues Enabled
Issues Count634
Issue Open Count19
Pull Requests Count495
Pull Requests Open Count22
Pull Requests Close Count231
项目设置
Has Wiki Enabled
Is Archived
Is Fork
Is Locked
Is Mirror
Is Private