Skip to content

Sidebar navigation screen examples

Sidebar navigation screen design examples from SaaS apps. Browse examples from Bud, Polar, Magnific.

Explore the examples

Bud - Bud | Your AI Worker screen
Bud logo
Bud

Settings page where the user configures their AI capabilities by connecting a ChatGPT subscription or entering custom API keys for OpenAI, Anthropic, and OpenRouter.

Polar - Settings | Nicelydone | Polar screen
Polar logo
Polar

Settings page where the user configures organization details like name, country, website, and default payment currency.

Magnific - Creations | Magnific AI screen
Magnific logo
Magnific

Detail page for a specific project where the user manages asset folders, reviews generated images, and filters the library view.

Latitude.sh - Guides - Latitude.sh Docs screen
Latitude.sh logo
Latitude.sh

Developer documentation overview page for infrastructure guides featuring an AI-powered question input.

Alloy - Nicely Done » New view screen
Alloy logo
Alloy

Project management view where the user organizes features like multi-language support and platform syncing, with an open context menu for team settings.

Flask screen
Flask logo
Flask

Home screen showing an empty state dropzone for uploading assets, with a context menu open on a recent file in the sidebar.

Airbnb - Connections · Profile · Airbnb screen
Airbnb logo
Airbnb

Profile settings page where the user views their connections, currently showing an empty state with an illustration and a prompt to book a trip.

Inference - Settings | inference.net screen
Inference logo
Inference

Settings page where the user views their account information, email verification status, and configures the app theme.

Origin Financial screen
Origin Financial logo
Origin Financial

Dashboard loading screen for the estate planning service, featuring a central spinner while the content fetches.

Steel - Steel | Open-source Headless Browser API screen
Steel logo
Steel

Settings page where the user manages their profile details, email addresses, and connected accounts, currently showing an inline confirmation to remove a secondary email.

Zaro - Zaro - The Context Layer for Enterprise AI screen
Zaro logo
Zaro

Dashboard with a workspace overview showing KPI tiles for active agents, apps, files, and connections, alongside empty states prompting the user to create agents and set up integrations.

Riverside - Riverside Studio screen
Riverside logo
Riverside

Empty state for the podcast hosting section prompting the user to create a new podcast or import an existing one.

Explore the full SaaS screen library

Upgrade to unlock the full library.

Trusted by the best teams