Menus, popovers and tooltips
Desktop10 components37 variants4 recreations
Desktop dropdowns, submenus, context menus, popovers, tooltips, toggletips, hover cards and coachmark tours.
$9, or included with Pro
Empty, error and success states (Desktop)
Desktop packOverlays and feedback
Desktop empty tables, first runs, no results, 404 and 500 pages, access requests, maintenance and success states.
- components
- 11
- variants
- 28
- recreations
- 3
- themes
- 5
Also for mobile: Empty, error and success states
What’s inside
Eleven desktop state patterns, each drawn inside a 1280 by 800 app frame: empty table, first run, no search results, 404 and 500, access request, full-page error, empty widget, maintenance, success page, trial ended and filtered to nothing. Twelve abstract spot illustrations come with the pack. Every page has documentation and a live grid in light and dark.
- Every state shown in a full desktop app frame
- 12 abstract spot illustrations in large and small sizes
- Recreations of GitHub, Linear and Stripe Dashboard empty states
Empty table
Free sample3 variants
- No rows yet
- Loading
- Load failed
First run
2 variants
- Checklist
- Single action
No search results
2 variants
- Everywhere
- One project
404 and 500 pages
2 variants
- 404
- 500
Access request
3 variants
- Request
- Pending
- Declined
Full-page error
3 variants
- Main area failed
- Connection lost
- Retrying
Empty widget
4 variants
- No data yet
- Loading
- Error
- Not enough data
Maintenance
2 variants
- Scheduled
- In progress
Success page
2 variants
- Done
- Next steps
Trial ended
3 variants
- Trial ended
- Plan limit
- Read only
Filtered to nothing
2 variants
- Table
- Board
- Figma file
- SuperDuper Pack: Empty, error and success states (Desktop)
- 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 1 UI element and 3 screen patterns
- Empty-state illustration, Empty state, Error and Success
How GitHub, Linear and Stripe Dashboard 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.
Code host empty repository
Recreated from GitHub
Issue tracker empty view
Recreated from Linear
Payments dashboard with no payments
Recreated from Stripe Dashboard
Not affiliated with, endorsed or sponsored by GitHub, Linear and Stripe Dashboard. Their names are trade marks of their owners and are used only to say what each recreation is based on.
See the empty table full size, free
An empty table with no rows yet, loading and load failed, inside an app frame. All 3 variants, free to see with a SuperDuperUI account. The Figma file comes with the pack.
More overlays and feedback packs
Dialogs, sheets and modals
Desktop10 components35 variants4 recreations
Desktop dialogs in four sizes, confirms, form dialogs, side sheets, tearsheets, full-screen modals and scrims.
$9, or included with Pro
Feedback: toasts, banners, progress, loading
Desktop12 components60 variants3 recreations
Desktop feedback patterns: toast stacks, page banners, messages, flags, status icons, progress bars, spinners and skeletons.
$9, or included with Pro
Questions about the empty, error and success states pack
One Figma file: SuperDuper Pack: Empty, error and success states (Desktop). It has 11 components with 28 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.