Online chat mockup maker
Create WhatsApp, Telegram and iMessage mockups and download a PNG for free.
01 Messenger
Classic light appearance
02 Contact and screen
Import a ready chat
Import JSON from your AI assistant. Format and example
The chat resets when the page reloads. Download the PNG before closing.
Preview
Updates instantlyReady to save
Full chat · editor controls excluded
For enlarging and printing. Sharper image, larger file. Width: 1170 pixels.
How to create a chat mockup
- Choose WhatsApp, Telegram or iMessage and a phone appearance.
- Set up the contact and add messages, photos or voice mockups.
- Check the preview and download the PNG.
ChatMock questions
How do I create a chat screenshot?
Choose a messenger and system, enter the contact name, add messages from both sides, then select Download PNG. You will get an image of the full chat without the editor.
Which styles are available?
WhatsApp and Telegram are available for iOS and Android. iMessage is iOS only. These are classic light mockups, so their appearance may differ from the current app version.
What can I add to a chat?
Text, JPG, PNG and WebP images, plus visual voice-message mockups with a duration. You can set the time, avatar, name and delivery status. No audio is recorded.
What is the PNG quality?
Standard quality is 780 pixels wide; high quality is 1170 pixels wide. Height depends on chat length. Shorten very long chats or export them at standard quality.
Do I need an account and where is the chat stored?
The editor is free and works without an account. The chat and uploaded images are processed in your browser, are not saved to an account and reset when the page reloads. Download your result before closing.
Can AI create a ChatMock conversation?
Yes. AI can prepare JSON for import or control the editor through the browser. Browsers with WebMCP offer commands to read and create a chat, add text and export PNG.