v2.1.1 with Indx type definitions package

This release adds a new npm package wih type definitions based on IndxCloudApi

Breaking changes: New CoverageSetup parameters.

Designed for compatibility with IndxCloudApi version 1.0

👉 See the full v2.0 release notes for feature highlights and screenshots.

v2.0.1 with bug fixes

This minor release addresses an issue in the filter panel that could trigger unnecessary searches, and includes small performance improvements.

Designed for compatibility with IndxCloudApi version 1.0

👉 See the full v2.0 release notes for feature highlights and screenshots.

v2.0

Indx Interface v2.0

A complete React UI kit for building search interfaces with Indx Search. 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

What's Included

This monorepo includes two packages:

@indxsearch/intrface

Search UI components for React applications:

• SearchProvider - Context provider with authentication
• SearchInput - Debounced search with clear button
• SearchResults - Paginated results with custom rendering
• ValueFilterPanel - Checkbox/button-style faceted filters
• RangeFilterPanel - Numeric range sliders
• ActiveFiltersPanel - Active filter display
• SortByPanel - Configurable sorting

License: Apache-2.0 (free for commercial use)
npm: https://www.npmjs.com/package/@indxsearch/intrface

@indxsearch/systm

Design system with UI components and styling:

• Button, Input, Checkbox, Radio, Slider components
• Design tokens via CSS variables
• Custom patterns and cursor styles

License: Custom (free for non-commercial use, see LICENSES.md)
npm: https://www.npmjs.com/package/@indxsearch/systm

Key Features

• ✓ Full-text search with fuzzy matching and typo tolerance
• ✓ Real-time facet counts that update as users search and filter
• ✓ Flexible authentication - Bearer token or email/password
• ✓ React 19 compatible with TypeScript support
• ✓ Mobile responsive with built-in responsive design
• ✓ Customizable rendering - Full control over result display
• ✓ Comprehensive error handling with actionable messages

Installation

bash
npm install @indxsearch/intrface @indxsearch/systm @indxsearch/pixl

Quick Start

 import { SearchProvider, SearchInput, SearchResults } from '@indxsearch/intrface';
 import '@indxsearch/intrface/styles.css';

<SearchProvider 
    url="https://your-indx-server.com"
    preAuthenticatedToken={token}
    dataset="products"
>
    <SearchInput placeholder="Search products..." />
    <SearchResults fields={['name', 'price']} resultsPerPage={20}>
        {(item) => <ProductCard {...item} />}
    </SearchResults>
</SearchProvider>

Documentation

• ./README.md - Overview and features
• ./GETTING_STARTED.md - Step-by-step setup
• ./packages/indx-intrface/README.md - Complete API reference
• ./LICENSES.md - License details for each package

Part of the Indx Ecosystem

Requires IndxCloudApi v1.0+ - Fast search server with fuzzy matching and faceted search.

Also available: IndxCloudLoader - Console app for loading JSON datasets.

---

Built by https://indx.co • https://docs.indx.co