How to create a Telegram chat mockup in four steps
- Set the contact. Type a name into Contact → Name, add a status line such as
onlineorlast seen 5 minutes ago, and upload an avatar if you want one. Without a photo, ChatMock draws a solid-colour initial circle like Telegram's default avatars. - Write the conversation. Use + Alex or + Me to add messages, flip each one between the two sides, and reorder with the arrows. Uploading an image turns that message into a photo bubble with a caption.
- Set the checkmarks. For outgoing messages pick Sent (single check) or Read (double green check). Remember that Telegram has no delivered state — a conversation where every message sits at a single check reads as “they have not opened the app”, which is a useful look for specific scenes.
- Export. Choose 1x, 2x or 3x and hit Download PNG. Exports are plain screen captures by default — a real screenshot never includes the phone body. Tick Phone frame only when you want a device-mockup look for a thumbnail, slide or design.
What makes a Telegram screenshot actually look real
Telegram shares bubble mechanics with WhatsApp but nothing else, which is exactly why the two are so often confused by generators. Here are the values ChatMock uses, taken from the real app:
| Element | Light mode | Dark mode |
|---|---|---|
| Chat background (wallpaper tone) | #e7ebf0 | #0e1621 |
| Outgoing bubble | #eeffde — the signature pale green | #2b5278 — steel blue |
| Incoming bubble | #ffffff | #182533 |
| Read checkmarks | Green, two states only (sent / read) | |
| Header | #ffffff, dark text | #17212b, white text |
Three details do the heavy lifting. The pale green outgoing bubble is Telegram's most recognisable trait — WhatsApp's #d9fdd3 is close but not the same, and dark mode inverts completely to steel blue. Checkmarks have only two states: single for sent, double green for read — no delivered step. And the header is white in light mode with dark text, same family as WhatsApp's beige iPhone header; a green header on a Telegram screenshot is an instant giveaway.
Everything you can customise
- Contact name, status line and avatar photo
- Light or dark mode, both matching the real app
- Unlimited messages, reorderable, with per-message timestamps
- Checkmarks: single (sent) or double green (read)
- Image attachments with captions
- Day divider pill text (Yesterday, July 28, anything)
- Status bar: clock, carrier, battery and signal
- Optional iPhone-style phone frame
What people use Telegram mockups for
Telegram scenes appear in crypto and tech explainer videos, privacy-themed sketches, tutorials that walk through channel conversations, and fiction that unfolds over messaging. The interface is clean and immediately recognisable to its (very large) user base, and the pale-green bubbles photograph well in video thumbnails — which is precisely why the details above matter: audiences notice when a “Telegram” screenshot has the wrong green.
As everywhere on this site, the line is intent. Illustrating, parodying, teaching and designing are fine. Using a fabricated conversation to deceive someone, harass a person, impersonate someone or fabricate evidence is not — and there are no templates here for fake bank, government, medical or legal notices. The Acceptable Use Policy has the full boundary.
Why it runs entirely in your browser
Everything is rendered locally with plain HTML and CSS, and the PNG is generated on your device — nothing is transmitted, stored or logged. That is why the editor keeps working with your wifi switched off, and why there is no gallery of staged conversations sitting on our servers.
Other generators
ChatMock covers the platforms people actually search for, one at a time: the WhatsApp chat generator, the iPhone text message generator, the group chat generator, the Messenger chat generator and the Discord chat generator are all live. See the generator index for the full list.
For a deeper walkthrough of the details above, read the full Telegram chat screenshot guide on the blog.
Frequently asked questions
Is this Telegram chat generator free?
Yes — every feature on this page is free, with no signup, no email wall, no daily limit and no watermark on your export. PNG download works at 1x, 2x and 3x resolution.
What do the checkmarks mean?
Telegram uses only two states: a single check means the message was sent to the server, a double check means it was read. There is no separate 'delivered' state like on WhatsApp — the editor lets you pick all three, and the renderer maps 'delivered' and 'read' to the double check, matching the real app.
Why is the outgoing bubble light green?
That is Telegram's signature. On the light iOS theme, your own bubbles are a pale green (#eeffde) while incoming bubbles are white; in dark mode your bubbles become steel blue (#2b5278). Generators that copy WhatsApp's colour scheme into a Telegram frame are immediately recognisable as fakes.
Is my conversation uploaded to a server?
No. The mockup is rendered entirely on your device and the PNG is generated in your browser, then saved directly to your downloads. Nothing you type ever leaves your computer or phone — disconnect from the internet after loading the page and the editor keeps working.
What resolution can I export?
1x (390px wide), 2x (780px) or 3x (1170px). For thumbnails and blog posts, 2x is usually the right balance of sharpness and file size. Use 3x for print or zoomed-in shots.
Can I add images inside the chat?
Yes. Any message can carry an image attachment with a caption. Uploaded images are read locally in your browser and rendered inside the bubble with Telegram's rounded corners.
Can I use the mockups commercially?
Yes, for legitimate creative work: videos, presentations, teaching material, fiction and design. You may not use them to deceive, defraud, harass, impersonate anyone or fabricate evidence. See the Acceptable Use Policy for the full boundary.