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
AI chat and prompt UI (Mobile)
Mobile packDomain
Mobile AI composers, streaming answers, sources, suggestions, voice mode, image grids, task progress and AI labels.
- components
- 13
- variants
- 46
- recreations
- 4
- themes
- 5
Also for desktop: AI chat and prompt UI
What’s inside
Eleven mobile AI patterns in 13 sets: a prompt composer with attachments and recording, a model menu, answers from thinking to stopped, inline and card sources, suggestions, conversation lists, voice mode, generated image grids, task progress with approval, answer actions, AI labels and empty chats. Each page is documented with a live grid in light and dark, and six include a full chat screen.
- Answer states for thinking, streaming, done and stopped
- AI labels as badge, note, disclaimer and image tag
- Recreations of ChatGPT, Claude, Perplexity and Gemini
Prompt composer
Free sample5 variants
- Empty
- Typing
- Attachment
- Recording
- Responding
Model menu
1 variant
Answer
4 variants
- Thinking
- Streaming
- Done
- Stopped
Sources
3 variants
- Inline
- Cards
- List
Suggestions
3 variants
- Starter cards
- Follow-ups
- Chips
Conversation row
4 variants
- Default
- Pressed
- Current
- Focus
Conversation list
3 variants
- Grouped
- Search
- Empty
Voice mode
4 variants
- Connecting
- Listening
- Speaking
- Muted
Image grid
4 variants
- Generating
- Done
- Selected
- Error
Task progress
4 variants
- Running
- Needs approval
- Done
- Failed
Answer actions
4 variants
- Default
- Liked
- Disliked
- Copied
AI label
4 variants
- Badge
- Note
- Disclaimer
- Image tag
Empty chat
3 variants
- First run
- Returning
- Limit reached
- Figma file
- SuperDuper Pack: AI chat and prompt UI (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
How ChatGPT, Claude and Perplexity 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.
Chat assistant
Recreated from ChatGPT
Writing assistant
Recreated from Claude
Answer engine
Recreated from Perplexity
Multimodal assistant
Recreated from Gemini
Not affiliated with, endorsed or sponsored by ChatGPT, Claude, Perplexity and Gemini. Their names are trade marks of their owners and are used only to say what each recreation is based on.
See the prompt composer full size, free
A prompt composer shown empty, typing, with an attachment, recording and responding. All 5 variants, free to see with a SuperDuperUI account. The Figma file comes with the pack.
More domain packs
Chat, messaging and calls
Mobile17 components71 variants4 recreations
Mobile chat list rows, message bubbles, receipts, composer, voice notes, media, reactions and call screens.
$9, or included with Pro
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
Questions about the ai chat and prompt ui pack
One Figma file: SuperDuper Pack: AI chat and prompt UI (Mobile). It has 13 components with 46 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.