Public demo
Shell · Mobile tab bar
Compact mobile frame with primary content card and icon-only bottom navigation.
Companion-app chrome for teams shipping responsive web alongside desktop dashboards.
UI showcase
Static composition for reference—swap in generated output when your pipeline is connected. Everything below is local markup only.
Keeps thumbs in reach zones—swap icons for your tab metadata.
Why this demo works
- Balances persistent navigation with maximum content height.
Suggested use cases
- Field apps, executive mobile summaries
What's included
- Content region with hero card placeholder
- Four-icon tab bar with active state
Editable in Frontuna
Use CSS env(safe-area-inset-bottom) in production.
Use this page as a briefing artifact: copy structure, swap copy, and connect your components—no fake generated code required.
Build notes
- Add safe-area padding for iOS home indicator.