Modern Angular 20 UI Library based on TailwindCSS
A cross-platform text input with label, error, icon, clear and validation support; works on web and React Native via `XUIProvider` themed contexts.
A cross-platform React password input component with visibility toggle, validation checkmark, and clear functionality.
A cross-platform React payment card input that automatically detects the card type from the entered number and displays relevant payment icons.
A cross-platform React PIN/OTP input component with individual cells for each digit. Features auto-advance between cells, paste support, and completion callbacks.
A cross-platform React input component that includes a copy-to-clipboard button. Supports visibility toggle for sensitive data like API keys or tokens.
A structured time input component for entering hours, minutes, and optionally seconds. Supports 12h and 24h formats with an optional AM/PM toggle. Cross-platform (web and React Native).
A cross-platform phone-number input with an integrated, searchable country selector (flags and dial codes); ships with a `usePhoneNumber` hook for formatting and country detection.
Core type definitions for XUI primitives
Internal native primitives for the Xsolla UI Toolkit. Not intended for direct consumer use.
Internal web primitives for the Xsolla UI Toolkit. Not intended for direct consumer use.
A cross-platform container that constrains its child to a width range, useful for form fields and other width-sensitive content.
Design system foundation providing theming, context, design tokens, and shared utilities for the XUI toolkit.
A cross-platform wrapper that adds a label, required indicator, optional icon, and helper text around a form field with consistent vertical spacing.
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.
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 form-control component from the toolkit. Install one package instead of many; refer to each component's own page for detailed API and accessibility notes.
A cross-platform date picker with an input field that opens a single- or dual-month calendar dropdown for date or range selection.
Common nodejs library components for XUI
Resolve a URI relative to an optional base URI
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).
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.
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 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.