Slack Chat Generator

What Is This Tool?

The Slack Chat Generator is a browser-based mockup tool that recreates Slack's channel view — the purple # channel header with topic line, and the flat message list style where each message shows a square avatar, a bold black username, a light gray timestamp, and the message text below, without bubbles.

Slack defaults to a light theme (white background, deep purple #4A154B header), which is how most Slack workspaces look, so this generator opens in light mode by default with an optional dark-mode toggle for teams using Slack's dark theme.

Each message row has its own teammate name and avatar color, so you can simulate a realistic back-and-forth between several coworkers in a channel.

For entertainment and mock-up use only: build a product demo screenshot, illustrate a workplace scenario for a presentation, or storyboard a company announcement. It must never be used to impersonate a real workplace conversation, a real coworker, or fabricate evidence of something someone did not actually say.

Nothing you type ever leaves your device. The whole conversation is drawn with the HTML Canvas API directly in your browser, and the PNG is generated and downloaded locally.

Why Use It?

• Create realistic Slack channel screenshots for product demos and case studies.
• Mock up how a Slack integration or bot message will look before building it.
• Illustrate a workplace scenario, onboarding flow or team-communication example for a presentation.
• Prototype a Slack-style chat UI for an app.
• 100% local rendering — your conversation text never touches a server.

How to Use

1. Set the channel name and topic shown in the purple header.
2. Choose light or dark theme — Slack is light by default.
3. Add message rows: type a teammate's name, pick their avatar color, set a timestamp, and write the message text.
4. Add as many messages and teammates as you like to simulate a multi-person channel.
5. Watch the live preview update, then click "Download PNG" to save the image.

Example

Input

Channel: "content-review" · Topic: "Draft, review, and ship posts before they go live" · Message 1 — Maya Chen: "morning team — mocking up next week's post before it goes live. can you sanity-check the hook?" · Message 2 — Devon Ruiz: "on it — dropped a preview here so we can see how it'll look before publishing."

Output

A PNG image showing a light Slack channel view: a purple # content-review header with topic text, then two stacked messages each with a colored square avatar, a bold username, a gray timestamp, and the message text below.

The image is generated instantly in the live preview canvas and downloads with a single click — no waiting, no upload.

What you can customize

• Channel name and topic shown in the purple header.
• Light or dark theme, with light as the authentic Slack default.
• Unlimited message rows, each with its own teammate name, avatar color and timestamp.
• Message text with automatic line wrapping to match Slack's message width.

Responsible use

This generator exists to make it easy to create clearly fictional Slack-style screenshots for product demos, presentations and design work. It is not a tool for fabricating evidence, staging workplace harassment, or misleading anyone into thinking a fake conversation happened in a real workspace. If you plan to share an image made with this tool, consider adding context (like "fake" or "mockup") so viewers understand it is not an actual conversation.

Frequently Asked Questions