Mockly
Online
Hey, what are you doing?
Just figuring out Mockly!

Mockly's WhatsApp chat generator covers direct messages and group chats with names, avatars, read receipts, timestamps, wallpaper controls, dark mode, device frames, 3D view, and PNG or video export.

How to make a WhatsApp chat mockup

  1. 1

    Choose the chat shape

    Click to add messages. Switch between direct message and group chat when you need multiple senders.

  2. 2

    Add WhatsApp details

    Edit names, avatars, timestamps, read receipts, wallpaper, and dark mode to match the scene.

  3. 3

    Export

    Hit Export for a PNG mockup or a chat video.

What you can do with the WhatsApp chat generator

  • Direct and group chats

    Create one-on-one chats or group chats with sender names, avatars, and WhatsApp-style message spacing.

  • Read and delivery status

    Set sent, delivered, or read states with single ticks, double ticks, and blue ticks where they belong.

  • WhatsApp realism controls

    Adjust dates, timestamps, wallpaper, dark mode, device frame, and 3D view before export.

  • PNG and video export

    Export a PNG mockup for static work or a video when the message flow matters.