App Sidebar — 5 measured versions from real products

MCP: get_recipe("homeassistant", "App Sidebar")

Application shell navigation — item anatomy, active states and collapse motion from real app codebases.

Open in Mozaika →

This is a static, crawlable rendering for search & AI engines. The interactive version — filters, live decode console, copy & export — is at https://mozaika.design/patterns/app-sidebar.

The panel

• Grocy: Grocy — App Sidebar
• Home Assistant: Home Assistant — App Sidebar
• OpenProject: OpenProject — App Sidebar
• Discourse: Discourse — App Sidebar
• Zulip: Zulip — App Sidebar