[](https://npmjs.com/package/xui-module) [](https://npmjs.com/package/xui-module) [![Circle
Core type definitions for XUI primitives
Internal web primitives for the Xsolla UI Toolkit. Not intended for direct consumer use.
Design system foundation providing theming, context, design tokens, and shared utilities for the XUI toolkit.
A small curated set of icons backed by `lucide-icon-platform` and rendered through the cross-platform `<Icon>` primitive from `@xsolla/xui-primitives`. Each icon scales with its container.
Internal native primitives for the Xsolla UI Toolkit. Not intended for direct consumer use.
Convenience meta-package that re-exports every display component from the toolkit. Install one package instead of many; refer to each component's own page for detailed API and accessibility notes.
Convenience meta-package that re-exports every feedback component from the toolkit. Install one package instead of many; refer to each component's own page for detailed API and accessibility notes.
B2B grouped multi-select panel: search, category list (left) with checkboxes and counters, and selectable items (right). Intended for dropdown/popover bodies (e.g. regions and countries).
Common nodejs library components for XUI
A cross-platform date picker with an input field that opens a single- or dual-month calendar dropdown for date or range selection.
A click-triggered popover that shows rich content (title, body, footer) anchored to a trigger element. Cross-platform via `@xsolla/xui-primitives`; click-outside and Escape dismissal are web-only.
A cross-platform React autocomplete component that provides a filterable dropdown list of suggestions as the user types. Supports both simple string options and rich objects with icons and descriptions.
B2C bottom navigation bar for player-facing mobile surfaces.
B2C side navigation for player-facing product surfaces.
A cross-platform React card component for displaying quest or mission items with progress tracking, state-driven visuals, and reward tags. Perfect for gamification systems, daily challenges, and achievement displays.
A slide-in panel that opens from the right edge of the screen for B2B settings, multi-step flows, and auxiliary content. Supports an optional stepper sidebar for guided wizards.
A cross-platform container that constrains its child to a width range, useful for form fields and other width-sensitive content.
A compact interactive status tag that opens a menu to change the current status. Cross-platform (web and native).
A cross-platform React modal dialog system. A provider/context/hook trio drives a stack of dialogs supporting three presentation types (`popup`, `bottom-sheet`, `full-screen`), structured headers, focus trapping, and programmatic open/close on both web an
B2C progress icon wrapper for rendering an icon with a percentage-based progress outline.
A cross-platform React image component with built-in aspect ratio presets and support for overlay content. Maintains consistent dimensions across different image sizes.
A cross-platform dropdown menu that displays a list of actions when triggered; supports controlled and uncontrolled modes.
A cross-platform React card component for displaying game promotions with customizable tags, images, and action buttons. Perfect for game catalogs, reward systems, and promotional content.