Chat Screenshot Generator

Build a mock conversation in the style of WhatsApp, iMessage, or a dark messenger, watch the messages animate in, and download the result as a PNG screenshot. Great for demos, presentations, tutorials, and memes.

How It Works

The conversation is rendered as plain HTML and CSS styled to look like popular messengers; no real chat apps or accounts are involved, and nothing leaves your browser. The PNG export serializes the preview into an SVG image and draws it onto a canvas at 2× resolution for a crisp screenshot.

The Play button replays the conversation with each message popping in sequentially. Download Video re-renders that animation frame by frame onto a canvas and records it with your browser's MediaRecorder, saving a WebM (or MP4 in Safari) file; no screen capture or upload involved. For full control over framing you can also record the playback yourself with the Screen Recorder util.

Please use responsibly; fabricated screenshots should not be presented as real conversations.