FazBrowse GitHub Viewer | Trending |
URL:
| Home
Tools: [Download Repo ZIP]   [Original HTTPS Page]

indxSearch/indx-react: UI tools, components and types for IndxCloudApi · GitHub

Repository files navigation

Indx React

A complete React UI kit for building search interfaces with Indx. Everything you need to add full-text search, faceted filtering, and dynamic results to your React application.

View live demo here and View all components here

<SearchProvider url={url} preAuthenticatedToken={token} team="my-team" dataset="products">
  <SearchInput />

  <ValueFilterPanel field="category" label="Category" />
  <RangeFilterPanel field="price" label="Price" expectedMin={0} expectedMax={1000} />

  <SearchResults fields={['name', 'price']} resultsPerPage={20}>
    {(item) => <ProductCard {...item} />}
  </SearchResults>
</SearchProvider>

Why Indx React?

  • Just Works - Drop in components, connect to your IndxCloudApi server, done
  • Real-time Facets - Dynamic filter counts that update as users search
  • Fuzzy Search - Handles typos and finds relevant results automatically
  • Fully Customizable - Use our styles or bring your own
  • Type Safe - Built with TypeScript for great DX

Features

Core Search

  • Full-text search with typo tolerance
  • Debounced search (optimized performance)
  • Empty search support (browse all results)
  • Custom result rendering

Filtering

  • Value Filters - Checkbox or button-style facets with counts
  • Range Filters - Numeric sliders for prices, dates, etc.
  • Active Filters - Chip-based display of applied filters
  • Sort Options - Configurable sorting with radio or dropdown

Developer Experience

  • Bearer-token authentication
  • Comprehensive error messages with fix suggestions
  • TypeScript support with full type safety
  • React 19 compatible

📖 README →

Complete API reference, examples, authentication methods, troubleshooting, and more.


Part of the Indx Search Ecosystem

This library is designed to work with the Indx Search platform:

  • IndxCloudApi - Fast search server with fuzzy matching, facets, and aggregations
  • IndxSearchLib - The embedded C# search engine the server is built on
  • indx-react (this repo) - React UI components for building search interfaces

Compatibility: This version targets IndxCloudApi v2 (powered by IndxSearchLib v5).

Repository Structure

This is a monorepo containing multiple packages:

Package Description License npm
@indxsearch/intrface Search UI components (featured above) Apache-2.0 npm i @indxsearch/intrface
@indxsearch/systm Design system with tokens, UI components, patterns, cursors Custom¹ npm i @indxsearch/systm
@indxsearch/indx-types TypeScript types for IndxCloudApi v2 Apache-2.0 npm i @indxsearch/indx-types
@indxsearch/pixl Icon library (separate package) Custom npm i @indxsearch/pixl

¹ See Licensing below

Licensing

This repository uses multiple licenses:

  • @indxsearch/intrface - Apache License 2.0

    • ✅ Free for commercial use
    • ✅ Modify and redistribute
    • ✅ Use in your products
  • @indxsearch/systm - Indx Design System License

    • ✅ Free for non-commercial use
    • ✅ Personal projects, education, open source
    • ❌ Cannot resell or use in competing commercial products

See LICENSES.md for full details.

Demo Apps

This repo includes demo applications:

  • apps/components - Component showcase and examples
  • apps/demo - Full search interface demo

Run locally:

npm install
npm run dev

Additional Resources


Built by Indx SearchDocumentationGitHub

About

UI tools, components and types for IndxCloudApi

Resources

Stars

0 stars

Watchers

0 watching

Forks

Releases

Packages

Contributors

Languages


Back | FazBrowse Home | New Git URL