Workspace Switcher screen examples

Magnific

Home screen where the user browses a gallery of use cases and templates, with a right sidebar to customize their workspace shortcuts and tools.

• Browse
• Filter & Sort

Alloy

Create modal where the user names a new project, adds a description, and confirms the destination workspace.

• Add & Create

Zaro

Code editor view displaying an empty file with a left sidebar for navigating agents, workflows, and files.

• Code Editor
• Files

Extend

Settings page where the user views data retention policies, rate limits, and updates their workspace name and identifiers.

• Settings

Dock

Detail page for a customer renewal workspace where the user manages a mutual action plan and admin to-dos.

• Tasks
• Progress

Bloom

AI chat interface where the user interacts with an assistant to build a project website, featuring a side-by-side view of the conversation and the generated documentation artifact.

• AI Chat
• AI Generation

Exa

Onboarding step where the user selects which team workspace to enter, with the personal team currently loading.

• Loading

Flora

Workspace settings modal where the user configures access control for AI models by toggling specific models on or off and setting default behavior for new models.

• AI Settings
• Filter & Sort

Assembly AI App Builder

Settings page where the user configures their workspace's business information and client organization preferences.

• Account Settings

Lovable

Projects list view with a modal open to create a new folder, configuring its name and workspace versus personal visibility settings.

• Add & Create
• Filter & Sort

Elevenlabs

Developer home screen providing a quickstart code snippet, API health status, and usage overview.

• Dashboard
• Code Editor

Navattic

Onboarding step where the user can request access to existing workspaces matching their domain or choose to create a new one, currently showing an error toast for a duplicate workspace slug.

• Onboarding Checklist