Charts and data viz
Desktop13 components54 variants4 recreations
Desktop line, bar, donut, heatmap, funnel, scatter and gauge charts drawn as vectors, with legends, tooltips and states.
$9, or included with Pro
Avatars, images and placeholders (Desktop)
Desktop packData display
Desktop avatars, stacks, presence, thumbnails, galleries, a lightbox and image frames, with editable placeholder art.
- components
- 10
- variants
- 80
- recreations
- 2
- themes
- 2
Also for mobile: Avatars, images and placeholders
What’s inside
Avatars with initials, abstract shapes or a glyph, avatar stacks, presence rows, image and video thumbnails, figures, a selectable gallery, a lightbox, logo slots, file preview tiles and aspect ratio frames that load or fail. Every picture is a generated vector placeholder you can recolour, with no photos or faces. Each page has documentation and a live grid in Light and Dark, Comfortable and Compact.
- Editable placeholder art, no photos or faces
- Frames in six ratios: loaded, loading and failed
- 2 recreations from Slack and Google Photos
Avatar
9 variants
- Initials
- Abstract
- Glyph
- Compact
- Default
- Large
Avatar stack
Free sample6 variants
- Two
- Four
- Overflow
- Small
- Medium
Presence row
12 variants
- Online
- Away
- Busy
- Offline
- Default
- Hover
- Focus
Thumbnail
8 variants
- Image
- Video
- Default
- Hover
- Selected
- Focus
Figure
3 variants
- 16:9
- 4:3
- 1:1
Gallery grid
2 variants
- Browse
- Select
Lightbox
3 variants
- Image
- Loading
- Failed
Logo slot
4 variants
- Monogram
- Empty
- Square
- Circle
File preview tile
15 variants
- Image
- Video
- Document
- Audio
- Link
- Default
- Hover
- Focus
Aspect ratio frame
18 variants
- 1:1
- 4:3
- 3:2
- 16:9
- 21:9
- 9:16
- Loaded
- Loading
- +1 more
- Figma file
- SuperDuper Pack: Avatars, images and placeholders (Desktop)
- Themes
- Light and Dark
- Densities
- Comfortable and Compact
- Also in the file
- Usage and accessibility notes, motion specs, Figma variables
- Covers 4 UI elements and 1 screen pattern
- Avatar, Photo, Logo, Illustration and Grid & gallery
How Slack and Google Photos 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.
Team chat
Recreated from Slack
Photo library
Recreated from Google Photos
Not affiliated with, endorsed or sponsored by Slack and Google Photos. Their names are trade marks of their owners and are used only to say what each recreation is based on.
See the avatar stack full size, free
Avatar stacks of two, four and an overflow count, in small and medium sizes. All 6 variants, free to see with a SuperDuperUI account. The Figma file comes with the pack.
More data display packs
Dashboards and KPIs
Desktop10 components35 variants5 recreations
Desktop KPI rows, widget cards, date range pickers, top-N lists, dashboard homes and empty states with vector charts.
$9, or included with Pro
Cards, tiles and carousels
Desktop13 components67 variants4 recreations
Desktop cards and tiles: media, callout, selectable, expandable, kanban, template, checklist, integration and carousels.
$9, or included with Pro
Questions about the avatars, images and placeholders pack
One Figma file: SuperDuper Pack: Avatars, images and placeholders (Desktop). It has 10 components with 80 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.