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.
Feedback Feedback primitives frame async work, risks, success states, and interruption handling so users always know what just happened. Outcome Review these when you need confidence that the system can communicate status, motion, and consequence cleanly.
Components
11
Indexed in this category
Runtime
3 engines
Classic, Modern, Rustic
Inspect first
urgency
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.
loading states
success flows
destructive actions
What to inspect Compare one quality lens at a time so the category does not collapse into generic component browsing.
urgency
clarity
recovery paths
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
Alert 3/3 engines
Inline banner for contextual messages Status, urgency, and consequence stay readable. The primitive should frame motion and recovery cleanly. Inspect first urgency
Engine support Full runtime coverage
Primitive
Drawer 3/3 engines
Sliding panel from screen edge Status, urgency, and consequence stay readable. The primitive should frame motion and recovery cleanly. Inspect first clarity
Engine support Full runtime coverage
Primitive
Message 3/3 engines
Lightweight top-level feedback message Status, urgency, and consequence stay readable. The primitive should frame motion and recovery cleanly. Inspect first recovery paths
Engine support Full runtime coverage
Primitive
Modal 3/3 engines
Centered dialog overlay with adaptive fullscreen Status, urgency, and consequence stay readable. The primitive should frame motion and recovery cleanly. Inspect first urgency
Engine support Full runtime coverage
Primitive
Notification 3/3 engines
Toast-style notification with title and content Status, urgency, and consequence stay readable. The primitive should frame motion and recovery cleanly. Inspect first clarity
Engine support Full runtime coverage
Primitive
Progress 3/3 engines
Linear or circular progress indicator Status, urgency, and consequence stay readable. The primitive should frame motion and recovery cleanly. Inspect first recovery paths
Engine support Full runtime coverage
Star or icon-based rating control Status, urgency, and consequence stay readable. The primitive should frame motion and recovery cleanly. Inspect first urgency
Engine support Full runtime coverage
Primitive
Result 3/3 engines
Full-page operation result with status icon Status, urgency, and consequence stay readable. The primitive should frame motion and recovery cleanly. Inspect first clarity
Engine support Full runtime coverage
Primitive
Skeleton 3/3 engines
Placeholder shimmer while content is loading Status, urgency, and consequence stay readable. The primitive should frame motion and recovery cleanly. Inspect first recovery paths
Engine support Full runtime coverage
Primitive
Spinner 3/3 engines
Indeterminate loading spinner Status, urgency, and consequence stay readable. The primitive should frame motion and recovery cleanly. Inspect first urgency
Engine support Full runtime coverage
Primitive
Toast 3/3 engines
Brief auto-dismissing notification at screen edge Status, urgency, and consequence stay readable. The primitive should frame motion and recovery cleanly. Inspect first clarity
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.