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
Comments, feeds and activity (Desktop)
Desktop packDomain
Desktop comment threads, mentions, reactions, anchored comments, activity timelines, change history and audit logs.
- components
- 22
- variants
- 65
- recreations
- 3
- themes
- 5
Also for mobile: Comments, feeds and activity
What’s inside
Eight desktop collaboration patterns in 22 sets: comment threads with composer and menu, mentions with autocomplete, reactions, resolve and reopen, comments anchored to pins or the margin, an activity timeline, change history with diffs and version compare, and an audit log. Each page documents use, anatomy, keyboard and screen reader behaviour, with a live grid in light and dark.
- Margin and pin anchored comments with resolve and reopen
- Inline and side by side diffs for change history
- Recreations of GitHub, Linear and Google Docs activity
Comment
5 variants
- Default
- Hover
- Linked
- Focus
- Deleted
Comment composer
3 variants
- Empty
- Typing
- Sending
Comment more menu
2 variants
- Mine
- Others
Comment thread
Free sample2 variants
- Expanded
- Collapsed
Mention token
3 variants
- Person
- You
- Team
Mention option
2 variants
- Default
- Active
Mention autocomplete
3 variants
- Results
- Filtered
- No match
Reaction chip
4 variants
- Default
- Mine
- Hover
- Focus
Reaction bar
2 variants
- Default
- Picker open
Thread status
3 variants
- Open
- Resolved
- Reopened
Comment pin
4 variants
- Default
- Active
- Resolved
- Focus
Margin comment card
2 variants
- Default
- Active
Anchored document
2 variants
- Margin
- Pins
Timeline event
5 variants
- Status
- Assigned
- Label
- Linked
- Created
Timeline day
2 variants
- Date
- Hidden events
Activity feed
2 variants
- All
- Comments only
Diff line
3 variants
- Added
- Removed
- Unchanged
Field change
3 variants
- Changed
- Added
- Removed
Version row
4 variants
- Default
- Hover
- Selected
- Focus
Version compare
2 variants
- Inline
- Side by side
Audit log row
4 variants
- Success
- Failed
- Default
- Expanded
Audit log
3 variants
- Table
- Filtered
- Empty
- Figma file
- SuperDuper Pack: Comments, feeds and activity (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 2 screen patterns
- Feed and Comments
How GitHub, Linear and Google Docs 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 review timeline
Recreated from GitHub
Issue activity
Recreated from Linear
Document comments
Recreated from Google Docs
Not affiliated with, endorsed or sponsored by GitHub, Linear and Google Docs. Their names are trade marks of their owners and are used only to say what each recreation is based on.
See the comment thread full size, free
A comment thread, expanded and collapsed, built from the comment, composer and menu sets. All 2 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 comments, feeds and activity pack
One Figma file: SuperDuper Pack: Comments, feeds and activity (Desktop). It has 22 components with 65 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.