Split screen screen examples

Split screen screen design examples from SaaS apps. Explore how interfaces present two areas beside each other. Look at how space, alignment, and focus communicate the relationship between the panels.

Explore the examples

Airbnb

Search results page where the user browses property listings in a split view alongside an interactive map with price markers.

Extend

Detail page where the user reviews the extracted JSON chunks from a parsed product requirements document alongside the original PDF.

Bloom

AI chat interface where the user is generating an e-commerce admin dashboard, currently previewing a products data table with an open action menu.

Maze

Onboarding step where the user can make their workspace discoverable by domain, copy an invite link, or invite teammates via email.

Cushion

Onboarding step where the user creates initial channels for their workspace alongside a live skeleton preview of the app interface.

Llamaindex

Detail page where the user monitors the AI-driven extraction of an uploaded invoice document while the system processes it.

Dovetail

Detail page where the user views a contact's profile alongside a data table, with an active composer to post a note and an AI assistant trigger.

Twin

Sign-in screen where the user authenticates with a password for a pre-filled email or opts to request an email sign-in code.

Forgot Password

Typeform

Sign-in screen where the user authenticates with Google, Microsoft, or email, featuring a decorative product illustration on the right.

Sign In

Orchestra

Inbox view where the user reads messages in the General Chat, browses recent conversations in the left sidebar, and views workspace members in the right panel.