App shell · Playful
A complete application frame with a collapsible sidebar, header and content area, where picking a nav item swaps the page.
Design · Playful15 / 20
Yellow sidebar, chunky outlined active item with a bottom shadow, sticker-like tags and a pressable menu button.
Motion
Sidebar slides in from the left, the header drops down, the page rises and nav items cascade 45 ms apart.
Accent
A complete application frame with a collapsible sidebar, header and content area, where picking a nav item swaps the page.
layoutsidebarnavigationdashboardadminshellframe