Skip to content

Card UI examples

Card UI design examples from SaaS apps. Explore how interfaces package an item into a compact preview. Look at how images, titles, supporting details, and actions are arranged within a card.

Explore the examples

Airbnb — Card component
Airbnb logo
Airbnb

A product card displaying an apartment listing with an image, title, details, rating, and price.

Zaro — Card component
Zaro logo
Zaro

A card displaying a preview of a support escalations dashboard.

Exa — Card component
Exa logo
Exa

Displays a single metric count with date range and bar visualization for API usage analytics

Town — Card component
Town logo
Town

Displays three WhatsApp integration capabilities with icons, descriptions, and example interactions

Liveblocks — Card component
Liveblocks logo
Liveblocks

A minimalist user interface for an issue tracker application, presented within a card.

Maze — Card component
Maze logo
Maze

A card displaying a demo project with a status label and an action menu.

Paper — Card component
Paper logo
Paper

A card displaying a video thumbnail and description about syncing designs with code.

Variant — Card component
Variant logo
Variant

A note-taking application displaying a list of notes and the detailed content of a selected note, along with customization options.

Dovetail — Card component
Dovetail logo
Dovetail

A display of featured software integrations presented in a card-based layout.

Chatbase — Card component
Chatbase logo
Chatbase

A web page section showcasing features of an AI agent for customer support with a grid layout.

Lightfield — Card component
Lightfield logo
Lightfield

A card displaying lead information with various attributes and a status indicator.

Gumloop — Card component
Gumloop logo
Gumloop

A configuration card for combining list items into a single piece of text.

Browse the full component library

See 292 more Components.

Trusted by the best teams

About Card

Explore how interfaces package an item into a compact preview. Look at how images, titles, supporting details, and actions are arranged within a card.