Density normal Platform Flagship
Landing
Playground
Foundations first, then primitives, patterns, structures, and surfaces. Keep this rail legible enough to scan without hunting. Runtime fingerprint Token readout from the active provider chain.
Live DS
Runtime
Rottay / Modern Platform Flagship
Primary
#0A0A0A Secondary #6B6B6B
Density
normal Border-light cards
Compact runtime evidence across 3+ token signals.
Overlay Overlay primitives prove how the system behaves when attention shifts, context floats, or a workflow temporarily leaves the base page. Outcome These details matter once the product starts stacking interactions and still needs to feel calm and deliberate.
Components
12
Indexed in this category
Runtime
3 engines
Classic, Modern, Rustic
Inspect first
layer clarity
Suggested first comparison lens
Browse components Open a component to inspect usage guidance, live preview coverage, and engine support without losing the category context.
Primitives Current section
Patterns 48 documented routes
Structures 21 documented routes
Surfaces 36 documented routes
Verticals 3 documented routes
Playground 1 documented routes
Developers 2 documented routes
rounded top bar · solid dividers
Rottay
Modern
Where this category earns its keep Use these screens first when you want evidence of hierarchy, responsiveness, and runtime polish.
menus
confirmations
guided help
What to inspect Compare one quality lens at a time so the category does not collapse into generic component browsing.
layer clarity
escape routes
anchoring
Start with these These references are the quickest way to see live DS behavior in this category before you branch into the full index.
Primitive
AdaptiveOverlay 3/3 engines
Responsive overlay that adapts to viewport size Attention shifts without losing the base page. Anchoring, escape, and interruption handling stay calm. Inspect first layer clarity
Engine support Full runtime coverage
Primitive
AlertDialog 3/3 engines
Modal dialog requiring user acknowledgement Attention shifts without losing the base page. Anchoring, escape, and interruption handling stay calm. Inspect first escape routes
Engine support Full runtime coverage
Primitive
ConfirmDialog 3/3 engines
Confirmation dialog with accept/cancel actions Attention shifts without losing the base page. Anchoring, escape, and interruption handling stay calm. Inspect first anchoring
Engine support Full runtime coverage
Primitive
ContextMenu 3/3 engines
Right-click context menu with actions Attention shifts without losing the base page. Anchoring, escape, and interruption handling stay calm. Inspect first layer clarity
Engine support Full runtime coverage
Primitive
Dropdown 3/3 engines
Trigger-based dropdown menu Attention shifts without losing the base page. Anchoring, escape, and interruption handling stay calm. Inspect first escape routes
Engine support Full runtime coverage
Primitive
HoverCard 3/3 engines
Rich content preview on hover Attention shifts without losing the base page. Anchoring, escape, and interruption handling stay calm. Inspect first anchoring
Engine support Full runtime coverage
Primitive
Modal 3/3 engines
Overlay-tier modal with portal rendering Attention shifts without losing the base page. Anchoring, escape, and interruption handling stay calm. Inspect first layer clarity
Engine support Full runtime coverage
Primitive
Popconfirm 3/3 engines
Inline confirmation popover before action Attention shifts without losing the base page. Anchoring, escape, and interruption handling stay calm. Inspect first escape routes
Engine support Full runtime coverage
Primitive
Popover 3/3 engines
Floating content panel anchored to a trigger Attention shifts without losing the base page. Anchoring, escape, and interruption handling stay calm. Inspect first anchoring
Engine support Full runtime coverage
Primitive
Sheet 3/3 engines
Bottom sheet overlay for mobile interactions Attention shifts without losing the base page. Anchoring, escape, and interruption handling stay calm. Inspect first layer clarity
Engine support Full runtime coverage
Step-by-step guided tour overlay Attention shifts without losing the base page. Anchoring, escape, and interruption handling stay calm. Inspect first escape routes
Engine support Full runtime coverage
Primitive
Watermark 3/3 engines
Background watermark pattern for content protection Attention shifts without losing the base page. Anchoring, escape, and interruption handling stay calm. Inspect first anchoring
Engine support Full runtime coverage
Open reference Jump into usage guidance, API surface, and runtime-specific notes.
Open reference Jump into usage guidance, API surface, and runtime-specific notes.
Open reference Jump into usage guidance, API surface, and runtime-specific notes.
Open reference Jump into usage guidance, API surface, and runtime-specific notes.
Open reference Jump into usage guidance, API surface, and runtime-specific notes.
Open reference Jump into usage guidance, API surface, and runtime-specific notes.
Open reference Jump into usage guidance, API surface, and runtime-specific notes.
Open reference Jump into usage guidance, API surface, and runtime-specific notes.
Open reference Jump into usage guidance, API surface, and runtime-specific notes.
Open reference Jump into usage guidance, API surface, and runtime-specific notes.
Open reference Jump into usage guidance, API surface, and runtime-specific notes.
Open reference Jump into usage guidance, API surface, and runtime-specific notes.