Skip to main content

Seekora UI SDK

The Seekora UI SDK is a multi-framework UI component library for building search experiences with the Seekora Search SDK.

Features​

  • Multi-Framework Support - React, Vue, Angular, and Vanilla JavaScript
  • Search Components - SearchBar, SearchResults, QuerySuggestions
  • Faceting & Filtering - Facets, CurrentRefinements, ClearRefinements
  • Pagination & Sorting - Pagination, SortBy, HitsPerPage
  • Premium Suggestions - 7 dropdown variants (Amazon, Google, Pinterest, etc.)
  • Theming - Built-in themes and full customization
  • Analytics - Built-in event tracking
  • TypeScript - Full type definitions included

Packages​

The UI SDK is a monorepo with framework-specific packages:

PackageDescription
@seekora-ai/ui-sdk-reactReact components
@seekora-ai/ui-sdk-vueVue 3 components
@seekora-ai/ui-sdk-angularAngular components
@seekora-ai/ui-sdk-vanillaVanilla JavaScript components
@seekora-ai/ui-sdk-coreShared core logic
@seekora-ai/ui-sdk-typesShared TypeScript types

Quick Example​

import { SeekoraClient } from '@seekora-ai/search-sdk';
import { SearchProvider, SearchBar, SearchResults } from '@seekora-ai/ui-sdk-react';

const client = new SeekoraClient({
  storeId: 'your-store-id',
  readSecret: 'your-read-secret',
});

function App() {
  return (
    <SearchProvider client={client}>
      <SearchBar placeholder="Search products..." />
      <SearchResults />
    </SearchProvider>
  );
}

Component Categories​

Core Components​

  • SearchProvider - Context provider for all components
  • SearchBar - Search input with suggestions
  • SearchResults - Results display with customization
  • QuerySuggestions - Autocomplete suggestions

Filtering Components​

  • Facets - Facet filters display
  • CurrentRefinements - Active filters display
  • ClearRefinements - Clear all filters button
  • RangeInput - Numeric range input
  • RangeSlider - Numeric range slider
  • HierarchicalMenu - Hierarchical category navigation
  • Pagination - Page navigation
  • SortBy - Sort options dropdown
  • HitsPerPage - Results per page selector
  • InfiniteHits - Infinite scroll results

Display Components​

  • Highlight - Highlight matching text
  • Snippet - Highlighted snippet display
  • Stats - Search statistics
  • Breadcrumb - Navigation breadcrumbs

Recommendation Components​

  • RelatedProducts - Related product suggestions
  • TrendingItems - Trending items display
  • FrequentlyBoughtTogether - Cross-sell suggestions
  • RecentlyViewed - Recently viewed items

Premium Suggestions​

  • AmazonDropdown - Amazon-style suggestions
  • GoogleDropdown - Google-style suggestions
  • PinterestDropdown - Pinterest-style visual suggestions
  • SpotlightDropdown - macOS Spotlight style
  • ShopifyDropdown - Modern e-commerce style
  • MobileSheetDropdown - Mobile bottom sheet
  • MinimalDropdown - Clean editorial style

Next Steps​