How to create a Telegram chat mockup in four steps
- Set the contact. Enter the name in Contact → Name and choose a status line —
onlineorlast seen 5 minutes ago— for the white header. A photo is optional; without one ChatMock uses the solid-colour initial circle Telegram shows by default. - Write the chat. + Alex and + Me add bubbles, the sender toggle moves a message across, and the arrows reorder them. Like WhatsApp, a run from one sender keeps the tail on its first bubble only; a caption can ride along with any image.
- Set the checks. Telegram knows just two states, so pick a single check for sent or a double green check for read — there is no delivered step to set. A long thread left at single checks reads as unopened, which is its own useful scene.
- Export. Reach for 3x when a Telegram shot is going onto merchandise or a large poster, 2x for the web and video thumbnails, and 1x when you are only checking the layout. Phone frame stays off for a clean screenshot edge — switch it on if you need the device shell around the chat for a marketing composite.
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, 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.
The intent behind a thread is what matters, here as much as anywhere on ChatMock. Using one to illustrate, to parody, to teach or to design is acceptable; using one to deceive a person, to harass them, to pose as somebody else, or to fabricate evidence is not. The site holds no bank, government, medical or legal notice templates, and the Acceptable Use Policy spells the boundary out.
Built and encoded on your machine
Names, status lines and checkmarks are painted with plain HTML and CSS inside the tab, and the PNG is rasterised on your own device before it downloads. No part of the thread is transmitted or retained, which is why the editor is perfectly happy with the network switched off.
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. Telegram sits closest to WhatsApp of that group, so if you need the three-state ticks instead of two, switch to the WhatsApp page.
For a deeper walkthrough of the details above, read the full Telegram chat screenshot guide on the blog.
Frequently asked questions
Is the Telegram chat generator free to use?
It is — no account, no email wall, no daily cap and no watermark on the file you download. Every switch on the page, from day dividers to dark mode, is open without payment.
How many checkmark states does Telegram have?
Only two. A single check means the message reached the server and a double check means it was read; there is no separate delivered state as there is on WhatsApp. The editor still offers all three choices and maps delivered onto the double check, which is what the real client does.
Why is the sender bubble pale green?
That is Telegram's signature: on the light theme your own bubbles are a soft green (#eeffde) and incoming ones are white. Generators that paste WhatsApp's colours into a Telegram frame give themselves away immediately.
What does the bubble turn into in dark mode?
Steel blue, #2b5278. Telegram does not simply darken the green — it switches the outgoing bubble to a deep blue-grey while the background drops to near-black, so the two themes do not look like the same image dimmed.
What is the day divider pill for?
Real Telegram threads label the date with a small centred pill — Yesterday, July 28, anything you like — and the editor exposes that text so long conversations can be split across days the way they are in the app.
Can I place images inside the chat?
Yes. Any message can carry a picture with a caption, read locally from your device and rendered inside the bubble with Telegram's rounded corners.
Does Telegram see the chat I compose here?
It cannot, because nothing is transmitted. The mockup is built and rasterised entirely on your own machine, so names, messages and images stay in the browser and the PNG lands only in your downloads. Turn off your connection after loading the page and it still works.
May I publish or sell the mockups?
For honest creative work — videos, courses, presentations, fiction, design — yes. Presenting a fabricated thread as genuine, impersonating someone or manufacturing evidence is not allowed, and the Acceptable Use Policy gives the full picture.