Telegram Chat Mockup Generator — Free Tool
Lay out a Telegram conversation as an illustration for a slide, a case study or a tutorial. Telegram carries community and product chatter: group announcements, bot conversations, beta-tester feedback, and the support channels many software projects run instead of a ticket queue. Add messages, choose which side each one sits on, name the speakers, pick light or dark, and export a crisp 2x PNG. Avatars are generated from initials, and no profile photos or verified badges are ever used.
Conversation
Avatars are generated from the names you type — initials on a colour. There is no photo upload and no profile lookup, so a mockup can never pass as a real chat with a real person.
A generic messenger look, on purpose — no app's exact interface is copied.
Messages
Preview
Exported at 2x resolution for retina screens.
Names are typed by you and avatars are generated from them, so no real profile photo or verified badge can appear. Nothing you type leaves your browser. Exports carry no label, so treat them as you would any convincing image: fine for slides, tutorials and support docs, not for passing off as a real conversation.
Features
- A stylised Telegram look: a cool blue-grey background with tight-cornered bubbles, in both light and dark
- Lay out a bot prompt and a member’s reply message by message, then reorder the rows until the exchange reads right
- Up to 20 messages, each on the left (them) or the right (you), with long text wrapping and the canvas growing to fit
- Generated initials avatars: no photo upload, no profile lookup, no verified badge
- Runs entirely in your browser at 2x export resolution, with nothing uploaded and no account needed
Frequently asked questions
What should I know before sharing one of these?
That the export looks like a real screenshot. There is no label on it, so nothing in the image itself tells a viewer the conversation was typed rather than captured. A fabricated DM attributed to a named person is a well known misinformation format, so keep these to illustration work: slides, case studies, tutorials, portfolio pieces, and say plainly that they are mockups anywhere they could be mistaken for evidence. The tool leaves out the two things that most cheaply make a fake convincing, a real profile photo and a verified badge, but the rest is your call.
What do people illustrate with the Telegram version?
Community and developer documentation. Illustrating what a bot conversation will look like before the bot is built, showing group moderation in a community handbook, drawing a beta-feedback loop on a slide, or documenting a support channel’s escalation path.
Does the output look exactly like Telegram?
No, and it is not meant to. You get a stylised palette and bubble shape that read as Telegram at a glance, and nothing else: no header bar, no icons, no logo, no typeface copied from the app, no read receipts and no verified badge. Cloning an app’s exact interface is a trademark problem, and it is also precisely the part that makes a fabricated screenshot believable. An illustration in a slide does not need it.
Can I use a member’s photo?
No. There is no image upload of any kind, no way to pull a picture in from a handle, and no verified badge. Avatars are generated from the display name you type: initials on a colour derived from that name, so the same name always gets the same colour. A real photo is the single detail that makes a fabricated conversation convincing, which is why it is absent. For deck and tutorial work a placeholder is what you want anyway, because the point is the shape of the exchange.
Is anything sent to a server?
No. The image is drawn in your browser with a canvas and downloaded straight from the page. Nothing you type is uploaded, stored or logged, there are no network requests, and no account is needed.
Schedule Telegram posts
Done writing? Schedule and bulk publish it to Telegram with BulkPublish.
