Application shell
Sidebar, top bar, and hybrid frame with workspace switcher, command palette, and user menu.
Build Racecamp's application shell (27 Seagulls) in all three Nitro Kit layouts: sidebar, top bar, hybrid. Workspace switcher, Projects/Teams/Activity/Settings nav, user menu, ⌘K command palette, dashboard metrics. Dummy content; UI showcase.Copied
Our app's shell should adapt — some teams want the space of a sidebar, others a slim top bar. Build the application shell for Racecamp, a project management app from 27 Seagulls, in all three layouts Nitro Kit ships: sidebar, top bar, and hybrid. Whatever the layout: a workspace switcher up top, primary navigation (Projects, Teams, Activity, Settings), a user menu, and a command palette triggered by ⌘K. Content pages feel like a real product: dashboard metrics, recently active projects, people, activity, and settings for a team called 27 Seagulls. This is a UI showcase, not a real app — invent plausible dummy content and wire navigation links to '#'. No authentication, no database, no real data. Use Nitro Kit components throughout.Copied
Result
/demo-results/application-shell?variant=topbarFullscreen ↗