Components

63 cross-framework components for game interfaces. Filter by phase, switch framework APIs, and test every palette in light or dark mode.

NEW COMPONENTS (6)

ALL COMPONENTS (63)

AccordionP3

Vertically stacked disclosure sections with bold triggers.

AlertP4

Inline feedback banner with icon and message.

Alert DialogP4

Modal that interrupts with a required action.

Aspect RatioP1

Constrain media to a fixed frame ratio.

AttachmentP6
New

File chip for chat and upload UIs.

AvatarP1

High-contrast player image or fallback.

BadgeP1

Pill labels with stamp and marker variants.

BubbleP6
New

High-contrast sent and received message container.

BreadcrumbP3

Hierarchy trail with strong directional separators.

ButtonP1

Pressable action with a hard shadow and tactile active state.

Button GroupP1

Grouped primary and secondary actions.

CalendarP2

Keyboard and touch-friendly date grid.

CardP1

Hard-shadow surface with header, content, and footer slots.

CarouselP5

Touch and keyboard slideshow navigation.

ChartP5

Simple game stats charts on high-contrast axes.

CheckboxP2

Bold check control with clear selected state.

CollapsibleP3

Compact expand and collapse control.

ComboboxP2

Searchable select with filter.

CommandP4

⌘K command palette.

Context MenuP4

Right-click menu with a long-press mobile adaptation.

Data TableP5

Sortable, selectable table.

Date PickerP2

Input with calendar popover.

DialogP4

Focus-managed modal over a high-contrast backdrop.

DirectionP3

RTL and logical properties provider.

DrawerP4

Edge panel that slides in.

Dropdown MenuP4

Action menu anchored to a trigger.

EmptyP5

Empty state with illustration slot.

FieldP2

Label, control, hint, and error as one unit.

Hover CardP4

Rich preview card on hover.

InputP2

Single-line text input with bold focus and error states.

Input GroupP2

Input with prefix and suffix slots.

Input OTPP2

One-time code boxes.

ItemP1

Generic list row with media and actions.

KbdP1

Keyboard shortcut badge.

LabelP2

Accessible form label.

MarkerP6
New

Read receipt or delivery indicator.

MenubarP4

Horizontal application menu bar.

MessageP6
New

Chat message with avatar and meta.

Message ScrollerP6
New

Scrollable chat message list.

Native SelectP2

Styled native select fallback.

Navigation MenuP3

Site nav with nested menus.

PaginationP3

Boxed page controls with an accent selected state.

PopoverP4

Anchored floating surface with hard shadow.

ProgressP1

High-contrast track with accent fill.

Radio GroupP2

Accessible mutually exclusive choice group.

ResizableP3

Drag-to-resize panels.

Scroll AreaP3

High-contrast custom scrollbar and viewport.

SelectP2

Custom listbox with full keyboard support.

SeparatorP1

Uniform horizontal or vertical divider.

SheetP4

Slide-over panel from an edge.

SidebarP3

Vertical nav with marker highlights.

SkeletonP1

Reduced-motion aware loading placeholders.

SliderP2

Range input with a bold accent thumb and track.

SonnerP4

Stacked toast notifications.

SpinnerP1

Loading indicator.

SwitchP2

Touch-friendly binary setting control.

TableP5

Data table with uniform row dividers.

TabsP3

Keyboard-aware section navigation.

TextareaP2

Multi-line input with bold focus and error states.

ToastP4
New

Transient, stacked notifications.

ToggleP2

Pressable toggle button.

Toggle GroupP2

Grouped toggle buttons.

TooltipP4

Hint on hover or focus.

Partial (0)

Planned (6)