Mockly

Mockly's Tinder chat generator recreates the real match screen: the YOU MATCHED WITH banner, adaptive bubble grouping, inline time gaps, avatars, dark mode, and PNG or video export.

How to make a fake Tinder conversation

  1. 1

    Write the conversation

    Click to add messages; time separators appear automatically.

  2. 2

    Set up the match

    Set the match's name and avatar and the match date in the banner, then adjust timestamps and dark mode.

  3. 3

    Export

    Hit Export for a PNG mockup or a chat video.

What you can do with the Tinder chat generator

  • The match banner

    The "YOU MATCHED WITH [NAME] ON [DATE]" banner at the top of the thread, the detail everyone checks first.

  • Realistic time gaps

    Inline time separators appear when messages sit more than a few minutes apart, formatted the way Tinder does it.

  • Adaptive bubble grouping

    Bubble corners flatten between grouped messages and round at the edges of a run, matching the real app's shape logic.

  • Avatars and chat bar

    The match's avatar appears on their last message in a run; the footer has the GIF button and message field.

  • Appearance and export

    Dark mode, device frame, floating messages, and PNG or video export.