Wallets, transactions and money movement
Mobile13 components48 variants2 recreations
Mobile balances, amount entry, send and request, transactions, cards, exchange, payouts and savings goals screens.
$9, or included with Pro
Chat, messaging and calls (Mobile)
Mobile packDomain
Mobile chat list rows, message bubbles, receipts, composer, voice notes, media, reactions and call screens.
- components
- 17
- variants
- 71
- recreations
- 4
- themes
- 5
Also for desktop: Chat, messaging and calls
What’s inside
Seventeen mobile chat sets across 11 patterns: chat list rows, grouped bubbles with joined corners, day separators and system messages, typing indicators and read receipts in words, a composer, voice recorder and voice bubbles, media and link previews, replies and reactions, a message menu, thread headers and incoming call and call control screens. Each page is documented with a live grid in light and dark.
- Receipts written as words: sending, sent, delivered, read, failed
- Recreations of WhatsApp, Messenger, Telegram and Instagram DMs
Chat list row
15 variants
- Unread
- Read
- Typing
- Muted
- Pinned
- Default
- Pressed
- Focus
Message bubble
Free sample8 variants
- In
- Out
- Single
- First
- Middle
- Last
Day separator
2 variants
- Day
- Unread
System message
3 variants
- Security
- Membership
- Info
Typing indicator
2 variants
- One
- Group
Message receipt
5 variants
- Sending
- Sent
- Delivered
- Read
- Failed
Composer
4 variants
- Empty
- Typing
- Reply
- Disabled
Voice recorder
3 variants
- Recording
- Locked
- Review
Voice message bubble
4 variants
- In
- Out
- Paused
- Playing
Media bubble
8 variants
- Photo
- Album
- Video
- File
- In
- Out
Link preview
2 variants
- In
- Out
Reply bubble
2 variants
- In
- Out
Reaction bar
2 variants
- Default
- Picked
Message menu
2 variants
- In
- Out
Thread header
3 variants
- Person
- Group
- Typing
Incoming call
2 variants
- Voice
- Video
Call controls
4 variants
- Voice
- Video
- Muted false
- Muted true
- Figma file
- SuperDuper Pack: Chat, messaging and calls (Mobile)
- 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 WhatsApp, Messenger and Telegram and others 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.
Tick messenger thread
Recreated from WhatsApp
Bubble messenger thread
Recreated from Messenger
Folder messenger chats
Recreated from Telegram
Photo app inbox
Recreated from Instagram DMs
Not affiliated with, endorsed or sponsored by WhatsApp, Messenger, Telegram and Instagram DMs. Their names are trade marks of their owners and are used only to say what each recreation is based on.
See the message bubble full size, free
Incoming and outgoing message bubbles as single, first, middle and last in a group. All 8 variants, free to see with a SuperDuperUI account. The Figma file comes with the pack.
More domain packs
Notifications and inbox
Mobile9 components34 variants3 recreations
Mobile notification patterns: inbox rows, bells with counts, unread markers, activity and action rows, push previews and banners.
$9, or included with Pro
AI chat and prompt UI
Mobile13 components46 variants4 recreations
Mobile AI composers, streaming answers, sources, suggestions, voice mode, image grids, task progress and AI labels.
$9, or included with Pro
Questions about the chat, messaging and calls pack
One Figma file: SuperDuper Pack: Chat, messaging and calls (Mobile). It has 17 components with 71 variants, 4 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.