Mockly's Bumble chat generator recreates the real match screen: yellow and grey bubbles, per-day time labels, photo grids, dark mode, a phone frame, and PNG or video export.
Click to add a message. Swap sender and receiver, edit text inline, drop in images.
Set the match's name and avatar, adjust timestamps, and toggle dark mode.
Hit Export to create a PNG mockup or a video that scrolls through the chat.
Your messages come in Bumble's signature yellow, theirs in grey, with corners that round off as a run of messages grows.
One time label sits above the first message of each day, the same way the real chat keeps things tidy.
Send one photo full width, two to four in a grid, and anything beyond that folds into a +N overflow tile.
Back arrow, avatar, and match name with video and more icons up top, plus the camera, emoji, GIF, and mic compose bar below. Video exports also show the typing indicator.