Dialogs, sheets and modals
Mobile14 components70 variants3 recreations
Mobile bottom sheets, alerts, modals, context menus and scrims, with detents, drag states and working prototypes.
$9, or included with Pro
Empty, error and success states (Mobile)
Mobile packOverlays and feedback
12 mobile empty, error and success screens, from first use and offline to update required and caught up.
- components
- 12
- variants
- 29
- recreations
- 2
- themes
- 2
Also for desktop: Empty, error and success states
What’s inside
Screens for first use, no results, offline, errors, not found, permissions, success, zero inbox, app updates, location off, locked content and suggestions, each with its key variants such as retrying, reconnecting or downloading. Comes with a set of abstract spot illustrations in 12 subjects. Every page has a documentation frame and a live grid in Light and Dark, Comfortable and Compact.
- Abstract spot illustrations in 12 subjects, large and small
- 2 recreations from Spotify and Duolingo
First use
3 variants
- Single action
- Two actions
- Loading
No results
2 variants
- Search
- Filters
Offline
3 variants
- Full screen
- Cached content
- Reconnecting
Error
Free sample3 variants
- Full screen
- Inline
- Retrying
Not found
2 variants
- Removed
- Broken link
Permission
2 variants
- Before asking
- Denied
Success
3 variants
- Done
- Next step
- Toast
Zero inbox
2 variants
- Caught up
- Empty folder
Update
3 variants
- Required
- Recommended
- Downloading
Location off
2 variants
- Off
- Manual entry
Locked content
2 variants
- Upgrade
- Sign in
Empty with suggestions
2 variants
- Suggestions
- Loading
- Figma file
- SuperDuper Pack: Empty, error and success states (Mobile)
- Themes
- Light and Dark
- Densities
- Comfortable and Compact
- Also in the file
- Usage and accessibility notes, motion specs, Figma variables
- Covers 1 UI element and 3 screen patterns
- Empty-state illustration, Empty state, Error and Success
How Spotify and Duolingo 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.
Empty playlist
Recreated from Spotify
Lesson complete
Recreated from Duolingo
Not affiliated with, endorsed or sponsored by Spotify and Duolingo. Their names are trade marks of their owners and are used only to say what each recreation is based on.
See the error state full size, free
The error state as a full screen, inline and while retrying. All 3 variants, free to see with a SuperDuperUI account. The Figma file comes with the pack.
More overlays and feedback packs
Feedback: toasts, banners, progress, loading
Mobile14 components53 variants3 recreations
Mobile feedback patterns: snackbars, undo toasts, banners, callouts, loading states, skeletons and progress bars and rings.
$9, or included with Pro
Menus, popovers and tooltips
Mobile8 components25 variants2 recreations
Mobile action sheets, context menus, pull-downs, popovers, tooltips, coach marks, edit menus and quick actions.
$9, or included with Pro
Questions about the empty, error and success states pack
One Figma file: SuperDuper Pack: Empty, error and success states (Mobile). It has 12 components with 29 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.