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
Chat, messaging and calls (Desktop)
Desktop packDomain
Desktop team chat: message rows, reactions, composer, mentions, DMs, threads, call bar, email inbox and support widget.
- components
- 19
- variants
- 71
- recreations
- 3
- themes
- 5
Also for mobile: Chat, messaging and calls
What’s inside
Thirteen messaging patterns for web apps: presence, date dividers, reactions and a reaction picker, message rows with hover actions, attachments with upload and failed states, a rich composer, mentions, a DM sidebar, thread panel, call bar, a full 1280 by 760 workspace, an email inbox and reader, and a support widget. Sets nest inside each other, so the workspace is built from the same parts.
- Full chat workspace assembled from the pack's own sets
- Uploading and failed attachments, mentions and unread states
- 3 recreations of real team chat, community and support tools
Presence status
4 variants
Chat divider
3 variants
Reaction pill
4 variants
Reaction picker
2 variants
Message actions
2 variants
Message row
Free sample8 variants
- First
- Continued
- Thread
- Mentions you
- Default
- Hover
Attachment card
4 variants
- Image
- Uploading
- Failed
- Document
Rich composer
4 variants
Mention option
4 variants
Mention list
3 variants
Direct message row
12 variants
Direct message sidebar
2 variants
Thread panel
2 variants
Call bar
4 variants
Chat workspace
2 variants
Email row
4 variants
Email reader
2 variants
Email inbox
2 variants
- Reading
- Nothing selected
Support widget
3 variants
- Figma file
- SuperDuper Pack: Chat, messaging and calls (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 4 UI elements and 2 screen patterns
- Message bubble, Reaction bar, Voice recorder, Call controls, Conversations and Chat thread
How Slack, Discord and Intercom 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
Community chat
Recreated from Discord
Support messenger
Recreated from Intercom
Not affiliated with, endorsed or sponsored by Slack, Discord and Intercom. Their names are trade marks of their owners and are used only to say what each recreation is based on.
See the message row full size, free
A chat message row as first, continued, thread reply or mention, at rest and on hover. All 8 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 chat, messaging and calls pack
One Figma file: SuperDuper Pack: Chat, messaging and calls (Desktop). It has 19 components with 71 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.