Skip to content
Nitro KitAlpha
Sign in
← All demos

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.
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.

Result

/demo-results/application-shell?variant=hybrid
Fullscreen ↗

Built by an agent from the application-shell pattern, using Nitro Kit components.