🎯 App Shell Demo
Device:
Variant: shell.desktop-expanded
Auth Panel

App Shell Demo

Current Variant: shell.desktop-expanded

This is a unified app shell that morphs between desktop and mobile layouts.

Variants:
  • shell.desktop-expanded - Full sidebar (260px)
  • shell.desktop-collapsed - Icon rail (72px)
  • shell.mobile-hamburger - Off-canvas sidebar

✨ Features

  • One shell component
  • Three variants (WASM-driven)
  • Smooth transitions
  • No page reload needed
  • Responsive to device
  • State preserved
Try it:
1. Toggle desktop sidebar
2. Switch to mobile
3. Tap hamburger (☰)