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
Menus, popovers and tooltips (Mobile)
Mobile packOverlays and feedback
Mobile action sheets, context menus, pull-downs, popovers, tooltips, coach marks, edit menus and quick actions.
- components
- 8
- variants
- 25
- recreations
- 2
- themes
- 2
Also for desktop: Menus, popovers and tooltips
What’s inside
Eight touch menu patterns, each drawn as a full 390px scene: action sheets, long-press context menus with a preview, pull-down menus, popover menus, touch tooltips and toggletips, coach mark tours, the text edit menu and home screen quick actions. Every page has a documentation frame, a live grid in Light and Dark, Comfortable and Compact, and an in-context phone screen.
- Long-press preview cards for messages, photos and links
- Coach mark tour from beacon to last step
- 2 recreations from iOS menus and Instagram
Action sheet
Free sample4 variants
- Standard
- Destructive confirm
- With icons
- Focus
Context menu with preview
3 variants
- Message
- Photo
- Link
Pull-down menu
3 variants
- Overflow
- Sort
- Row actions
Popover menu
3 variants
- Below
- Above
- With title
Touch tooltip
3 variants
- Below
- Above
- Toggletip
Coach mark tour
4 variants
- Beacon
- First
- Middle
- Last
Edit menu
3 variants
- Selection
- Insertion
- More
Quick actions menu
2 variants
- Below icon
- Above icon
- Figma file
- SuperDuper Pack: Menus, popovers and tooltips (Mobile)
- Themes
- Light and Dark
- Densities
- Comfortable and Compact
- Also in the file
- Usage and accessibility notes, motion specs, Figma variables
- Covers 3 UI elements and 1 screen pattern
- Context menu, Action sheet, Tooltip & coach mark and Action menu
How iOS and Instagram 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.
System menus
Recreated from iOS
Post options sheet
Recreated from Instagram
Not affiliated with, endorsed or sponsored by iOS and Instagram. Their names are trade marks of their owners and are used only to say what each recreation is based on.
See the action sheet full size, free
An action sheet in standard, destructive confirm, with icons and focus versions. All 4 variants, free to see with a SuperDuperUI account. The Figma file comes with the pack.
More overlays and feedback packs
Empty, error and success states
Mobile12 components29 variants2 recreations
12 mobile empty, error and success screens, from first use and offline to update required and caught up.
$9, or included with Pro
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
Questions about the menus, popovers and tooltips pack
One Figma file: SuperDuper Pack: Menus, popovers and tooltips (Mobile). It has 8 components with 25 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.