Public demo
Shell · Settings workspace
Vertical section navigation beside a form canvas—the standard pattern for account, billing, and security screens.
Settings IA with four sections and placeholder fields, emphasizing hierarchy over pixel polish.
UI showcase
Static composition for reference—swap in generated output when your pipeline is connected. Everything below is local markup only.
Swap the nav for accordions on narrow breakpoints without losing section order.
Why this demo works
- Users expect persistent section context while editing values.
Suggested use cases
- Workspace settings, team admin, API key management
What's included
- Left rail section links with active state
- Primary form region with two field placeholders
Editable in Frontuna
Works with Next.js layouts or Angular feature modules.
Use this page as a briefing artifact: copy structure, swap copy, and connect your components—no fake generated code required.
Build notes
- Deep-link each section with hash or nested routes.