Slack preview generator
Build a realistic Slack channel message preview with avatars, body text, and optional header and action buttons. Export a PNG for professional mockups of your Slack notifications.
Channel settings
Choose a file or drop it here
JPEG, PNG, SVG, or GIF up to 2MB. Square image recommended, at least 64px by 64px
Messages
Choose a file or drop it here
JPEG, PNG, SVG, or GIF up to 2MB. Square image recommended, at least 64px by 64px
Preview
# notifications
UnifyToday at 6:31 PM
📣 Someone from Gong (Closed Lost) visited the website
🏢 Company: Gong
🔗 Website: gong.io
👥 Employee count: 1,500
🧑💻 Customer status: Prospect
Record owner: @Dwight Schrute
Open in UnifyLinkedIn
Message #notifications
How to use this tool
- Set the channel name and avatar in channel settings, then click "Add message" to add another Slack message. Upload an app avatar, set app name and timestamp, and enter body text with header and buttons.
- Messages update in real time within the Slack channel mockup.
- Click "Download" to save a PNG screenshot of the preview.
Browse more tools
Push notification preview generator
Generate realistic push notification previews for iPhone and Android devices.
In-app feed preview generator
Build a customizable in-app notification feed preview with avatars, body text, and action buttons.
Mailto link generator
Create mailto links with pre-filled recipients, subject lines, and body text.
