Public demo
UI kit · Cards & structure
Card surfaces, aspect-ratio frames, separators, collapsible regions, and scroll areas—composition primitives from modern kits (e.g. card, sheet, resizable group).
Static building blocks for grouping content: elevated cards, media frames, dividers, expandable rows, and overflow scroll hints.
UI showcase
Static composition for reference—swap in generated output when your pipeline is connected. Everything below is local markup only.
Maps to shadcn Card, Separator, Collapsible, Scroll Area, and Aspect Ratio–style documentation.
Why this demo works
- Separates chrome from data so teams can reuse shells across features.
Suggested use cases
- Dashboard widgets, settings sections, media galleries
What's included
- Card with header, body, footer slots
- 16:9 aspect-ratio media frame
- Horizontal rule and vertical rail separators
- Collapsible row with chevron affordance
- Scroll region with clipped content fade
Editable in Frontuna
Framework-agnostic; pair with Radix Collapsible or Base UI accordion.
Use this page as a briefing artifact: copy structure, swap copy, and connect your components—no fake generated code required.
Build notes
- Use CSS container queries for responsive card grids.