Interactive map screen examples

Airbnb

Full-screen map view where the user can explore the neighborhood around a specific location and search for nearby places like cafes.

• Map
• Search

Visitors

404 error page featuring a 3D globe visualization and a prompt to return to the home page.

• Error

Maze

Verification screen where the user is instructed to check their email inbox to activate their account, with options to resend the email or return to signup.

• Verification
• Account Setup

Gather

Onboarding step where the user learns to interact in a 2D virtual office by clicking a toast notification to walk over to a colleague's avatar.

• Guided Tour
• Welcome

Travelperk

Marketing tool page where the user can calculate their travel expense per diem allowance by entering travel dates and locations.

Grok

Company page highlighting global office locations with a stylized map and a prompt to view open roles.

Reflect

Knowledge graph view where the user visualizes connections between their daily notes, pinned notes, and specific topics.

• Map
• Dashboard

Replit

Article announcing the new Replit Agent, featuring embedded video demos, community examples from X, and calls to action to get started with Replit Core.

Front

Settings page where the user browses and searches for third-party apps like Asana, GitHub, and Salesforce to connect to their workspace.

• Integrations
• Browse

Motion

Marketing page detailing how Motion's AI project manager helps teams eliminate busywork, meet deadlines, and gain visibility into projects.

Macaw

Content editor where the user writes and formats an SEO article about 3D design trends, featuring a right panel for metadata, grading, and publishing actions.

Instant

List view where users can browse, search, and upvote feature requests like 'Rebuilding the Assets Library' or submit new suggestions.