Skip to content

Card layout screen examples

Card layout screen design examples from SaaS apps. Browse examples from Dock, Exa, Town.

Explore the examples

Dock - Automation Rules · Dock screen
Dock logo
Dock

Settings page where the user manages automations, currently showing an empty state with a prompt to upgrade for advanced features.

Exa - Exa Websets | People Search & B2B Lead Generation screen
Exa logo
Exa

Settings page where the user views their current trial usage, credit balance, and compares pricing tiers to upgrade to a paid plan.

Town screen
Town logo
Town

Settings modal where the user reviews privacy controls, compliance details like SOC II, and legal documentation links.

Flora - FLORA - Pricing screen
Flora logo
Flora

Paywall screen where the user selects a billing cycle and chooses between Free, Starter, Pro, and Max tiers for their workspace.

Assembly AI App Builder - Assembly Dashboard – Nicelydone Club screen
Assembly AI App Builder logo
Assembly AI App Builder

Settings page where the user configures their portal's brand name and image assets while viewing a live preview.

Lovable - Home | Lovable screen
Lovable logo
Lovable

Paywall screen where the user selects between a Pro and Business plan to create a new workspace, with options for annual billing and monthly credit limits.

Elevenlabs - Agents | ElevenLabs screen
Elevenlabs logo
Elevenlabs

Creation screen where the user browses agent templates like Customer Support or Front Desk Receptionist and previews their workflow logic before starting.

Navattic - Product Demos · nicelydone3 screen
Navattic logo
Navattic

List view where the user manages their interactive product demos, with options to search, filter, and create new flows, alongside an onboarding banner promoting best-in-class examples.

Paper - Learn · Paper screen
Paper logo
Paper

App section where the user can browse video tutorials to learn how to sync designs with their codebase, use real data from Notion, and apply Paper Shaders.

Variant - Variant – Endless designs for your ideas, just scroll screen
Variant logo
Variant

Personal workspace home where the user browses saved boards and reads archived notes in a master-detail view.

Morphic - Dashboard - Morphic Studio screen
Morphic logo
Morphic

Home screen where the user views recently edited files and checks recent model training activity via a notification panel.

Meetup - Home screen
Meetup logo
Meetup

Home feed where the user browses personalized event recommendations, views upcoming RSVPs, and checks activity from their saved groups.

Explore the full SaaS screen library

Upgrade to unlock the full library.

Trusted by the best teams