|
@xsolla/xui-autocomplete
|
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. |
MIT |
119
greenflagged
/ 258 total
|
|
@xsolla/xui-avatar
|
A cross-platform React avatar component that displays user images, icons, or text initials. Supports badges for notifications and can be grouped together. |
MIT |
121
greenflagged
/ 274 total
|
|
@xsolla/xui-b2b-accordion
|
A stacked list of `Collapsible` items with coordinated open/close behaviour. By default only one item can be open at a time (single mode). Use for FAQ sections, setup guides, or any ordered list of expandable content. |
MIT |
37
greenflagged
/ 51 total
|
|
@xsolla/xui-b2b-collapsible
|
— |
— |
37
greenflagged
/ 51 total
|
|
@xsolla/xui-b2b-drawer
|
A slide-in panel that opens from the right edge of the screen, designed for B2B settings panels, multi-step flows, and auxiliary content that should not disrupt the main interface. Supports an optional stepper sidebar for multi-step workflows. |
MIT |
37
greenflagged
/ 52 total
|
|
@xsolla/xui-b2b-notification-panel
|
A full-width horizontal notification bar for persistent inline feedback within B2B page layouts. Unlike toast notifications, `NotificationPanel` stays in place until explicitly dismissed and is designed to sit inline within a page or panel — not as a floa |
MIT |
36
greenflagged
/ 1
rejected
/ 47 total
|
|
@xsolla/xui-b2b-sidebar
|
A composable navigation sidebar for B2B admin surfaces. Renders an expanded panel with grouped menu items and a parallel collapsed icon strip with hover-popovers, both driven by the same `SidebarProvider` so the active route, link component, and collapsed |
MIT |
35
greenflagged
/ 1
rejected
/ 58 total
|
|
@xsolla/xui-b2b-stepper
|
— |
— |
37
greenflagged
/ 52 total
|
|
@xsolla/xui-badge
|
— |
— |
121
greenflagged
/ 283 total
|
|
@xsolla/xui-bounding
|
A cross-platform React container component that constrains content width within specified minimum and maximum bounds. Useful for form fields and other width-limited content. |
MIT |
121
greenflagged
/ 245 total
|
|
@xsolla/xui-breadcrumbs
|
A cross-platform React breadcrumbs navigation component that displays the current page location within a hierarchical structure. Supports custom separators and click handlers. |
MIT |
121
greenflagged
/ 237 total
|
|
@xsolla/xui-button
|
A cross-platform React button component with primary/secondary variants, multiple color tones, sizes, loading states, and icon support. Works on both React (web) and React Native. |
MIT |
121
greenflagged
/ 317 total
|
|
@xsolla/xui-calendar
|
A cross-platform React calendar component supporting single date selection, date range selection, preset date chips, and a dual (side-by-side) calendar layout. |
MIT |
67
greenflagged
/ 112 total
|
|
@xsolla/xui-cell
|
A cross-platform React cell component that provides a consistent layout structure for list items. Features slots for leading/trailing content and a flexible content area. |
MIT |
121
greenflagged
/ 253 total
|
|
@xsolla/xui-checkbox
|
A cross-platform React checkbox component with label, description, indeterminate state, and validation support. Works on both React (web) and React Native. |
MIT |
121
greenflagged
/ 279 total
|
|
@xsolla/xui-checkbox-tag-group
|
A cross-platform React component for selecting multiple options displayed as tag-style checkboxes. Supports controlled and uncontrolled modes with validation. Works on both React (web) and React Native. |
MIT |
109
greenflagged
/ 174 total
|
|
@xsolla/xui-color-picker
|
A cross-platform React color picker component with a visual selection area, format switching, and color value controls. |
MIT |
88
greenflagged
/ 1
rejected
/ 255 total
|
|
@xsolla/xui-context-menu
|
A cross-platform React context menu component that can be triggered by a button or right-click, supporting various item types including checkboxes and radio buttons. |
MIT |
120
greenflagged
/ 240 total
|
|
@xsolla/xui-controls
|
Convenience re-export package that bundles all XUI form control components into a single install. |
MIT |
108
greenflagged
/ 231 total
|
|
@xsolla/xui-core
|
Design system foundation providing theming, context, design tokens, and shared utilities for the XUI toolkit. |
MIT |
121
greenflagged
/ 418 total
|
|
@xsolla/xui-date-picker
|
A cross-platform React date picker component with an input field that opens a calendar dropdown for date selection. The calendar is provided by `@xsolla/xui-calendar`. |
MIT |
121
greenflagged
/ 253 total
|
|
@xsolla/xui-display
|
A meta-package that re-exports all display-related UI components from the Xsolla UI Toolkit. |
MIT |
120
greenflagged
/ 232 total
|
|
@xsolla/xui-divider
|
A cross-platform React divider component for visually separating content sections. Supports horizontal and vertical orientations. |
MIT |
121
greenflagged
/ 281 total
|
|
@xsolla/xui-drag-drop-uploader
|
— |
— |
0
greenflagged
/ 32 total
|
|
@xsolla/xui-dropdown
|
A cross-platform React dropdown menu component that displays a list of actions when triggered. Supports controlled and uncontrolled modes. |
MIT |
121
greenflagged
/ 264 total
|
|
@xsolla/xui-feedback
|
Convenience re-export bundle combining notification, spinner, tooltip, and toggletip packages. |
MIT |
120
greenflagged
/ 227 total
|
|
@xsolla/xui-field-group
|
A cross-platform React wrapper component that adds consistent labeling, required indicators, helper text, and spacing to form fields. |
MIT |
120
greenflagged
/ 242 total
|
|
@xsolla/xui-game-card
|
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. |
MIT |
100
greenflagged
/ 165 total
|
|
@xsolla/xui-icon-wrapper
|
A cross-platform React container component that provides consistent sizing, alignment, and shapes for small visual elements like icons, labels, images, and avatars. |
MIT |
121
greenflagged
/ 247 total
|
|
@xsolla/xui-icons
|
A cross-platform React icon component library based on Lucide icons. Provides theme-aware icons that automatically adapt to the current theme colors. |
MIT |
121
greenflagged
/ 298 total
|
|
@xsolla/xui-icons-base
|
A comprehensive collection of functional UI icons organized by category. Each icon is available in both solid (filled) and line (outlined) variants for design flexibility. |
MIT |
58
greenflagged
/ 294 total
|
|
@xsolla/xui-icons-brand
|
A cross-platform React brand icons package containing 160+ company and platform logos. Each icon supports colored and monochrome variants. |
MIT |
55
greenflagged
/ 190 total
|
|
@xsolla/xui-icons-currency
|
A cross-platform React virtual currency icons package containing Xsolla game currency symbols. Each icon supports colored and monochrome variants. |
MIT |
120
greenflagged
/ 193 total
|
|
@xsolla/xui-icons-flag
|
A cross-platform React flag icons package containing 250+ country flags. Each flag uses ISO 3166-1 alpha-2 country codes and renders as a scalable SVG. |
MIT |
55
greenflagged
/ 226 total
|
|
@xsolla/xui-icons-payment
|
A cross-platform React payment icons package containing logos for major credit cards and payment providers. Renders as scalable SVGs. |
MIT |
121
greenflagged
/ 230 total
|
|
@xsolla/xui-icons-product
|
A cross-platform React product icons package containing Xsolla product and service symbols for use in dashboards, documentation, and marketing materials. |
MIT |
119
greenflagged
/ 193 total
|
|
@xsolla/xui-image
|
A cross-platform React image component with built-in aspect ratio presets and support for overlay content. Maintains consistent dimensions across different image sizes. |
MIT |
121
greenflagged
/ 243 total
|
|
@xsolla/xui-image-thumbnail
|
A cross-platform React component for displaying image thumbnails with overlays, tags at all four corners, and center content (like play buttons). Perfect for video thumbnails, screenshot galleries, and media previews. |
MIT |
82
greenflagged
/ 134 total
|
|
@xsolla/xui-image-uploader
|
A cross-platform React image uploader component supporting click-to-pick, drag-and-drop (web), controlled and uncontrolled usage, image preview with hover-to-remove, loading and error states, and a wide horizontal layout. |
MIT |
37
greenflagged
/ 54 total
|
|
@xsolla/xui-input
|
A cross-platform React input component with label, error states, icons, clear button, and validation support. Works on both React (web) and React Native. |
MIT |
121
greenflagged
/ 265 total
|
|
@xsolla/xui-input-copy
|
A cross-platform React input component that includes a copy-to-clipboard button. Supports visibility toggle for sensitive data like API keys or tokens. |
MIT |
121
greenflagged
/ 254 total
|
|
@xsolla/xui-input-password
|
A cross-platform React password input component with visibility toggle, validation checkmark, and clear functionality. |
MIT |
121
greenflagged
/ 256 total
|
|
@xsolla/xui-input-payment
|
A cross-platform React payment card input that automatically detects the card type from the entered number and displays relevant payment icons. |
MIT |
121
greenflagged
/ 255 total
|
|
@xsolla/xui-input-phone
|
A cross-platform React phone number input component with integrated country selector. Features a searchable country dropdown with flags and dial codes. |
MIT |
56
greenflagged
/ 258 total
|
|
@xsolla/xui-input-pin
|
A cross-platform React PIN/OTP input component with individual cells for each digit. Features auto-advance between cells, paste support, and completion callbacks. |
MIT |
121
greenflagged
/ 247 total
|
|
@xsolla/xui-input-time
|
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). |
MIT |
50
greenflagged
/ 78 total
|
|
@xsolla/xui-layout
|
Convenience re-export of structural layout components: FieldGroup, List, and Modal. |
MIT |
120
greenflagged
/ 223 total
|
|
@xsolla/xui-link
|
A cross-platform React link component that provides accessible navigation with customizable styling. Supports external links with proper security attributes. |
MIT |
121
greenflagged
/ 236 total
|
|
@xsolla/xui-list
|
A cross-platform React list component that provides semantic list structure with optional title sections and interactive rows. Supports hover states and keyboard navigation. |
MIT |
120
greenflagged
/ 238 total
|
|
@xsolla/xui-logos-brand
|
A cross-platform React brand logos package containing 500+ payment providers, banks, retail stores, and service logos for checkout and payment method displays. |
MIT |
56
greenflagged
/ 195 total
|
|
@xsolla/xui-logos-xsolla
|
A cross-platform React component for displaying the official Xsolla logo with support for full logo (icon + text), text-only, and icon-only variants in multiple color options. |
MIT |
119
greenflagged
/ 231 total
|
|
@xsolla/xui-markdown
|
A React component that renders markdown content with consistent, theme-aware styling. Uses `react-markdown` under the hood. |
MIT |
121
greenflagged
/ 245 total
|
|
@xsolla/xui-modal
|
A cross-platform React modal dialog system for displaying focused overlay content. Built on a provider/context architecture with a hook-based API, the Modal package supports three presentation types (`popup`, `bottom-sheet`, `full-screen`), structured hea |
MIT |
120
greenflagged
/ 262 total
|
|
@xsolla/xui-multi-select
|
A cross-platform React multi-select component that allows users to select multiple options from a dropdown list with checkboxes. |
MIT |
121
greenflagged
/ 266 total
|
|
@xsolla/xui-nav-bar
|
A cross-platform React navigation bar component with a flexible slot-based layout for building application headers. |
MIT |
121
greenflagged
/ 237 total
|
|
@xsolla/xui-navigation
|
Convenience re-export of all navigation components: Breadcrumbs, Link, NavBar, Pagination, Segmented, TabBar, and Tabs. |
MIT |
121
greenflagged
/ 222 total
|
|
@xsolla/xui-notification
|
A cross-platform React notification component for displaying alerts, success messages, warnings, and errors. Supports both toast and inline display modes. |
MIT |
120
greenflagged
/ 238 total
|
|
@xsolla/xui-notification-panel
|
— |
— |
87
greenflagged
/ 127 total
|
|
@xsolla/xui-pagination
|
A cross-platform React pagination component for navigating through paged content. Features adaptive page number display with ellipsis for large page counts. |
MIT |
121
greenflagged
/ 240 total
|
|
@xsolla/xui-primitives-core
|
— |
— |
121
greenflagged
/ 318 total
|
|
@xsolla/xui-primitives-native
|
Internal native primitives for the Xsolla UI Toolkit. Not intended for direct consumer use. |
MIT |
120
greenflagged
/ 237 total
|
|
@xsolla/xui-primitives-web
|
Internal web primitives for the Xsolla UI Toolkit. Not intended for direct consumer use. |
MIT |
120
greenflagged
/ 1
rejected
/ 247 total
|
|
@xsolla/xui-progress-bar
|
A cross-platform React circular progress bar component for displaying completion status. Useful for showing task progress or loading states with percentage. |
MIT |
120
greenflagged
/ 252 total
|
|
@xsolla/xui-progress-line
|
A cross-platform React linear progress bar component for displaying completion status horizontally. |
MIT |
120
greenflagged
/ 252 total
|
|
@xsolla/xui-quest-card
|
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. |
MIT |
99
greenflagged
/ 150 total
|
|
@xsolla/xui-radio
|
A cross-platform React radio button component for selecting one option from a group. Works standalone or with RadioGroup for coordinated selection. |
MIT |
121
greenflagged
/ 276 total
|
|
@xsolla/xui-radio-group
|
A cross-platform React radio group component that manages single selection across multiple radio buttons. Provides context to child Radio components for coordinated selection. |
MIT |
121
greenflagged
/ 241 total
|
|
@xsolla/xui-rich-icon
|
A cross-platform React component for displaying icons, images, or text content in a styled container with customizable shapes and sizes. |
MIT |
120
greenflagged
/ 247 total
|
|
@xsolla/xui-segmented
|
A cross-platform React segmented control component for switching between related views or filters. Similar to iOS's UISegmentedControl. |
MIT |
121
greenflagged
/ 238 total
|
|
@xsolla/xui-select
|
A cross-platform React select component for choosing from a list of predefined options with dropdown menu. Works on both React (web) and React Native. |
MIT |
121
greenflagged
/ 276 total
|
|
@xsolla/xui-slider
|
A cross-platform React slider component for selecting values within a range. Supports single value, range mode with two thumbs, and optional input fields for direct value entry. |
MIT |
121
greenflagged
/ 249 total
|
|
@xsolla/xui-spinner
|
A cross-platform React spinner component for indicating loading states. Provides visual feedback while content is being loaded. |
MIT |
121
greenflagged
/ 272 total
|
|
@xsolla/xui-status
|
A cross-platform React status indicator component that displays a colored dot with an optional text label to indicate state or condition. |
MIT |
121
greenflagged
/ 257 total
|
|
@xsolla/xui-status-dropdown
|
An interactive status tag component that opens a context menu to change the status. |
MIT |
34
greenflagged
/ 51 total
|
|
@xsolla/xui-stepper
|
— |
— |
117
greenflagged
/ 259 total
|
|
@xsolla/xui-store-badge
|
A cross-platform React component for displaying official app store download badges with consistent styling for Google Play, App Store, and App Gallery. |
MIT |
120
greenflagged
/ 242 total
|
|
@xsolla/xui-supporting-text
|
A cross-platform React component for displaying supporting text around form fields, including labels, helper text, descriptions, and error messages with proper accessibility. |
MIT |
121
greenflagged
/ 246 total
|
|
@xsolla/xui-svg-themed
|
A React component that wraps SVG content and automatically resolves theme tokens (like `$colors_core_text_primary`) to actual theme values, enabling theme-aware custom SVG graphics. |
MIT |
121
greenflagged
/ 241 total
|
|
@xsolla/xui-switch
|
A cross-platform React switch component for toggling between on and off states. Provides a visual alternative to checkboxes for boolean settings. |
MIT |
120
greenflagged
/ 254 total
|
|
@xsolla/xui-tab-bar
|
A cross-platform React tab bar component implementing mobile-style bottom navigation, typically used with React Navigation. Follows WAI-ARIA Tabs pattern with proper keyboard navigation. |
MIT |
121
greenflagged
/ 251 total
|
|
@xsolla/xui-tabs
|
A cross-platform React tabs component for organizing content into multiple panels that users can switch between. Implements WAI-ARIA tablist pattern for accessibility. |
MIT |
121
greenflagged
/ 252 total
|
|
@xsolla/xui-tag
|
A cross-platform React tag component for displaying labels, categories, and removable chips. Supports multiple tones, solid/outlined types, and optional left/right icons. |
MIT |
121
greenflagged
/ 276 total
|
|
@xsolla/xui-tag-label
|
A specialized identification and categorization component for the Xsolla brand. |
MIT |
35
greenflagged
/ 51 total
|
|
@xsolla/xui-textarea
|
A cross-platform React textarea component for multi-line text input. Includes error state and validation message support. |
MIT |
120
greenflagged
/ 245 total
|
|
@xsolla/xui-toast
|
A cross-platform React toast notification system for displaying brief, auto-dismissing messages. Built on a provider/context architecture with a hook-based API, the Toast package supports multiple variants, configurable positioning, custom durations, cust |
MIT |
99
greenflagged
/ 158 total
|
|
@xsolla/xui-toggle-button-group
|
A control for picking one or several options from a linear set of closely related options. Can be used to filter or to sort elements. |
MIT |
83
greenflagged
/ 115 total
|
|
@xsolla/xui-toggletip
|
A cross-platform React toggletip component that shows rich content (title, body, footer) in a popover when the trigger element is clicked. |
MIT |
120
greenflagged
/ 248 total
|
|
@xsolla/xui-tooltip
|
A cross-platform React tooltip component that displays contextual information when a user hovers over or focuses on an element. Supports multiple placements and animations. |
MIT |
121
greenflagged
/ 273 total
|
|
@xsolla/xui-typography
|
A cross-platform React typography component that provides predefined text style variants for consistent typography throughout your application. |
MIT |
121
greenflagged
/ 293 total
|
|
@xsolla/xui-uploader
|
A cross-platform React file uploader component that provides a button to select files, displays selected files, and allows removing them. |
MIT |
120
greenflagged
/ 251 total
|