Skip to content

Comments, feeds and activity (Mobile)

Mobile packDomain

Mobile social patterns: feed posts, stories, like and save actions, comment sheets, threads, activity and reporting.

components
9
variants
27
recreations
3
themes
2

Also for desktop: Comments, feeds and activity

What’s inside

Nine social patterns: feed posts (photo, text and sponsored), a stories bar, an action bar, a like animation spec, a comments sheet, threaded replies three levels deep, an activity list, follow suggestions and a report flow. Liked and saved states change shape as well as colour. Every page has documentation and a live grid in Light and Dark, Comfortable and Compact.

  • 9 feed, comment and activity patterns
  • Threaded replies up to three levels deep
  • Like animation in four key frames with timings
  • 3 recreations from Instagram, TikTok and Reddit
  • Feed post, every variant

    Feed post

    3 variants

    • Photo
    • Text
    • Sponsored
  • Stories bar, every variant

    Stories bar

    3 variants

    • Default
    • Uploading
    • Empty
  • Action bar, every variant

    Action bar

    3 variants

    • Default
    • Liked
    • Saved
  • Like motion, every variant

    Like motion

    4 variants

    • Rest
    • Pressed
    • Burst
    • Settled
  • Comments sheet, every variant

    Comments sheet

    3 variants

    • Default
    • Replying
    • Empty
  • Comment thread, every variant

    Comment thread

    Free sample

    3 variants

    • Collapsed
    • Expanded
    • Deep
  • Activity list, every variant

    Activity list

    3 variants

    • Default
    • Unread
    • Empty
  • Follow suggestions, every variant

    Follow suggestions

    2 variants

    • Default
    • After following
  • Report and block, every variant

    Report and block

    3 variants

    • Options
    • Reason
    • Done
Figma file
SuperDuper Pack: Comments, feeds and activity (Mobile)
Themes
Light and Dark
Densities
Comfortable and Compact
Also in the file
Usage and accessibility notes, motion specs, Figma variables
Covers 2 screen patterns
Feed and Comments

How Instagram, TikTok and Reddit 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.

  • Photo feed, every variant

    Photo feed

    Recreated from Instagram

  • Short video comments, every variant

    Short video comments

    Recreated from TikTok

  • Discussion board, every variant

    Discussion board

    Recreated from Reddit

Not affiliated with, endorsed or sponsored by Instagram, TikTok and Reddit. Their names are trade marks of their owners and are used only to say what each recreation is based on.

Comment thread, every variant

See the comment thread full size, free

Threaded replies collapsed, expanded and nested deep. All 3 variants, free to see with a SuperDuperUI account. The Figma file comes with the pack.

  • 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

    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 comments, feeds and activity pack

  • One Figma file: SuperDuper Pack: Comments, feeds and activity (Mobile). It has 9 components with 27 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.