Public demo
Shell · Master–detail
Selectable list column beside a reading pane—pattern for mail, support queues, and notification centers.
Classic two-pane productivity layout with clear selection affordance and preview body region.
UI showcase
Static composition for reference—swap in generated output when your pipeline is connected. Everything below is local markup only.
Keeps scanning and reading in one viewport—ideal for keyboard navigation enhancements later.
Why this demo works
- Matches mental models from email and chat clients.
Suggested use cases
- Inbox, CRM activity, incident queues
What's included
- Scrollable list rail with three sample rows
- Active row highlight
- Detail header and body copy region
Editable in Frontuna
Layout shell only; route the detail pane via parallel routes or nested routes.
Use this page as a briefing artifact: copy structure, swap copy, and connect your components—no fake generated code required.
Build notes
- Persist list width in local storage for power users.