Avatars, images and placeholders
Mobile12 components205 variants3 recreations
Avatars, presence, stacks, story rings, image frames, photo grids and viewers for phone apps, with vector placeholders.
$9, or included with Pro
Cards, tiles and carousels (Mobile)
Mobile packData display
Mobile listing, media and stat cards, tiles, shelves, carousels and a swipe stack, with pressed, focus and loading states.
- components
- 15
- variants
- 121
- recreations
- 2
- themes
- 5
Also for desktop: Cards, tiles and carousels
What’s inside
Fifteen mobile card and tile patterns, including listing and media cards, horizontal shelves, a hero carousel with page indicator, story and circle tiles, an expandable card and a swipe stack. Each set has pressed, focus, loading and, where it applies, selected or playing states. Every page documents use, anatomy, screen reader behaviour and motion, with a live grid in light and dark.
- Hero carousel, horizontal shelf and swipe stack included
- Abstract image placeholders, no photos or logos
- Recreations of Airbnb search results and Spotify home
Listing card
Free sample10 variants
- Full
- Compact
- Default
- Pressed
- Focus
- Disabled
- Loading
Media card
10 variants
- Small
- Large
- Default
- Pressed
- Focus
- Playing
- Loading
Stat card
12 variants
- Up
- Down
- Flat
- Default
- Pressed
- Focus
- Loading
Promo card
4 variants
- Brand
- Neutral
- Illustration
- Text only
Info card
5 variants
- Neutral
- Info
- Success
- Warning
- Danger
Horizontal shelf
9 variants
- Media
- Circle
- Story
- Start
- Scrolled
- Loading
Hero carousel
8 variants
- First
- Middle
- Last
- Playing
- Paused
- Focus
- Loading
Category tile
10 variants
- Icon
- Colour block
- Default
- Pressed
- Focus
- Selected
- Disabled
Circle tile
10 variants
- Person
- Topic
- Default
- Pressed
- Focus
- Selected
- Loading
Grid tile
5 variants
- Default
- Pressed
- Focus
- Playing
- Loading
Story tile
8 variants
- Unseen
- Seen
- Default
- Pressed
- Focus
- Loading
Swipe card stack
5 variants
- Rest
- Dragging right
- Dragging left
- Empty
- Loading
Expandable card
8 variants
- Collapsed
- Expanded
- Default
- Pressed
- Focus
- Disabled
Card with actions
9 variants
- One
- Two
- Overflow
- Default
- Focus
- Loading
Wishlist overlay
8 variants
- Not saved
- Saved
- Default
- Pressed
- Focus
- Disabled
- Figma file
- SuperDuper Pack: Cards, Tiles and Carousels (Mobile)
- Themes
- Light, Dark, Light high contrast, Dark high contrast and Wireframe
- Densities
- Comfortable and Compact
- Also in the file
- Usage and accessibility notes, motion specs, Figma variables
- Covers 3 UI elements and 1 screen pattern
- Card, Tile, Carousel and Browse & discover
How Airbnb and Spotify do it
Recreations of real products, so you can compare approaches side by side. They are approximate, built from public product knowledge, with placeholder data and no third-party artwork.
Stays search results
Recreated from Airbnb
Music home
Recreated from Spotify
Not affiliated with, endorsed or sponsored by Airbnb and Spotify. Their names are trade marks of their owners and are used only to say what each recreation is based on.
See the listing card full size, free
Full and compact listing cards with image, rating, price, badge and a wishlist button, in five states. All 10 variants, free to see with a SuperDuperUI account. The Figma file comes with the pack.
More data display packs
Lists and rows
Mobile18 components217 variants3 recreations
Mobile list rows built on one anatomy: settings, toggles, media, people, chats, transactions and more.
$9, or included with Pro
Tables and data grids
Mobile10 components31 variants4 recreations
Ways to show tables on a phone: stacked cards, two-line rows, frozen columns, key-value lists, rankings and landscape grids.
$9, or included with Pro
Questions about the cards, tiles and carousels pack
One Figma file: SuperDuper Pack: Cards, Tiles and Carousels (Mobile). It has 15 components with 121 variants, 2 recreations, and notes on when to use each part. Everything uses Figma variables, so you can change the colours and type to match your product.