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
Lists and rows (Mobile)
Mobile packData display
Mobile list rows built on one anatomy: settings, toggles, media, people, chats, transactions and more.
- components
- 18
- variants
- 217
- recreations
- 3
- themes
- 2
Also for desktop: Lists and rows
What’s inside
18 list patterns built from one row anatomy, so rows mix in one list and you can swap the leading or trailing part without detaching. Includes swipe actions, reorder, multi-select, section headers, grouped and stacked lists, an index scrubber, accordion rows, dividers and loading skeletons. Every page has a documentation frame and a live grid in Light and Dark, Comfortable and Compact.
- Selected, disabled and loading states on every row type
- Swipe actions, reorder and an index scrubber
- 3 recreations from iOS Settings, Spotify and WhatsApp
List row
Free sample21 variants
- 1 line
- 2 lines
- 3 lines
- Default
- Hover
- Pressed
- Focus
- Selected
- +2 more
Settings row
20 variants
- Navigation
- Value
- Read-only
- Action
- Destructive
- Default
- Pressed
- Focus
- +1 more
Row with toggle
16 variants
- On
- Off
- 1 line
- 2 lines
Two- and three-line row
24 variants
- 2 lines
- 3 lines
- No leading
- Icon
- Avatar
- Artwork
- Default
- Pressed
- +1 more
Transaction row
12 variants
- Completed
- Incoming
- Pending
- Declined
Media row
20 variants
- Track
- Album
- Episode
- Video
- Default
- Pressed
- Focus
- Playing
- +1 more
Person row
12 variants
- Follow
- Following
- Message
- Remove
Chat preview row
24 variants
- Unread
- Read
- Muted
- Typing
- Draft
- Pinned
- Default
- Pressed
- +2 more
Swipe actions
4 variants
- Rest
- Trailing revealed
- Leading revealed
- Full swipe
Reorder row
4 variants
- Rest
- Lifted
- Drop target
- Keyboard move
Multi-select row
8 variants
- Selected
- Not selected
- Default
- Pressed
- Focus
- Disabled
Section header
6 variants
- Grouped
- Large
- No action
- See all
- Edit
Grouped inset list
6 variants
- 2 rows
- 3 rows
- 4 rows
- Header on
- Header off
Stacked list
6 variants
- Inset divider
- Full divider
- No divider
- 3 rows
- 5 rows
Index scrubber
3 variants
- Rest
- Scrubbing
- Focus
Accordion row
8 variants
- Collapsed
- Expanded
- Default
- Pressed
- Focus
- Disabled
Divider
5 variants
- Full
- Inset
- Leading inset
- Middle
- With text
Skeleton row
18 variants
- No leading
- Circle
- Square
- 1 line
- 2 lines
- 3 lines
- Rest
- Pulse
- Figma file
- SuperDuper Pack: Lists and rows (Mobile)
- Themes
- Light and Dark
- Densities
- Comfortable and Compact
- Also in the file
- Usage and accessibility notes, motion specs, Figma variables
- Covers 5 UI elements and 2 screen patterns
- List row, Section header, Divider, Accordion, Index scrubber, List and Library & collection
How iOS Settings, Spotify and WhatsApp 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.
Settings
Recreated from iOS Settings
Music library
Recreated from Spotify
Chats
Recreated from WhatsApp
Not affiliated with, endorsed or sponsored by iOS Settings, Spotify and WhatsApp. Their names are trade marks of their owners and are used only to say what each recreation is based on.
See the list row full size, free
The base row every other row builds on, in 1, 2 and 3 lines with 7 states. All 21 variants, free to see with a SuperDuperUI account. The Figma file comes with the pack.
More data display packs
Cards, tiles and carousels
Mobile15 components121 variants2 recreations
Mobile listing, media and stat cards, tiles, shelves, carousels and a swipe stack, with pressed, focus and loading states.
$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 lists and rows pack
One Figma file: SuperDuper Pack: Lists and rows (Mobile). It has 18 components with 217 variants, 3 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.