Command palette
Desktop11 components29 variants4 recreations
Desktop command palettes: Command K, nested pages, scoped tabs, preview, Ask AI, cheat sheet and quick switcher.
$9, or included with Pro
Uploads, capture and files (Desktop)
Desktop packDomain
Desktop upload and file patterns: drop zones, file rows, browsers, previews, croppers, CSV import, exports and storage meters.
- components
- 14
- variants
- 52
- recreations
- 3
- themes
- 5
Also for mobile: Uploads, capture and files
What’s inside
14 sets on 10 pattern pages for desktop apps: drop zones, upload file rows, an upload queue, file tiles, list rows and browsers, a preview panel, an image cropper, CSV column mapping and preview, export status, attachment chips and composer, and a storage meter. Progress bars match their numbers, and failures give the reason in words. Each page has notes and a live grid in light and dark, comfortable and compact.
- File rows: queued, uploading, paused, done and failed
- CSV import with column mapping and an error preview
- 3 recreations of cloud drive, file transfer and import screens
Drop zone
4 variants
- Default
- Drag over
- Uploading
- Rejected
Upload file row
Free sample5 variants
- Queued
- Uploading
- Paused
- Done
- Failed
File tile
12 variants
- Default
- Hover
- Selected
- Focus
File list row
3 variants
- Default
- Hover
- Selected
File browser
2 variants
- Grid
- List
Preview panel
3 variants
- Image
- Document
- No preview
Upload queue
3 variants
- In progress
- Complete
- With errors
Image cropper
3 variants
- Square
- Wide
- Free
Column mapping
2 variants
- All matched
- Needs attention
Import preview
2 variants
- Valid
- With errors
Export status
4 variants
- Preparing
- Ready
- Failed
- Expired
Attachment chip
4 variants
- Uploading
- Attached
- Image
- Failed
Attachment composer
2 variants
- With attachments
- Over limit
Storage meter
3 variants
- Normal
- Nearly full
- Full
- Figma file
- SuperDuper Pack: Uploads, capture and files (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 screen pattern
- Camera & capture
How Google Drive, Dropbox and Airtable 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.
Cloud drive browser
Recreated from Google Drive
File transfer panel
Recreated from Dropbox
Spreadsheet import
Recreated from Airtable
Not affiliated with, endorsed or sponsored by Google Drive, Dropbox and Airtable. Their names are trade marks of their owners and are used only to say what each recreation is based on.
See the upload file row full size, free
An upload row in queued, uploading, paused, done and failed states, with the reason shown in words. All 5 variants, free to see with a SuperDuperUI account. The Figma file comes with the pack.
More domain packs
Notifications and inbox
Desktop8 components36 variants4 recreations
Desktop notification bell and popover, inbox page, row types, snooze, preferences matrix, email digest and empty inbox.
$9, or included with Pro
Commerce and product pages
Desktop18 components76 variants3 recreations
Desktop product galleries, buy boxes, variant pickers, quick view, carts, reviews, comparison tables and store headers.
$9, or included with Pro
Questions about the uploads, capture and files pack
One Figma file: SuperDuper Pack: Uploads, capture and files (Desktop). It has 14 components with 52 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.