Slack Chat Mockup
A realistic Slack channel you fully control. Sidebar, messages, reactions, threads and a typing animation, all from the property panel.
Animation on: messages appear one by one with typing dots, then loop. Hover a message for the reaction bar.
Dark, no sidebar
Turn the sidebar and window bar off for a compact version that fits a feature section or a phone-sized column.
Slack formatting works in every message: *bold*, _italic_, `code`, @mentions, #channels, :emoji: shortcodes and links.
✅ 3 | 🔥 2
Tom is typing
💪 Fixed in 17 min
What you control
Messages
Name, avatar or initials, time, text, attachment image, reactions, thread replies, APP tag, highlight.
Channel & sidebar
Workspace, channel, topic, member count, date divider, channel list and direct messages.
Animation
Play messages one by one with typing dots. Start in view or on load, delay, pause, loop.
Style
Light or dark theme, sidebar color, accent, font, text size, radius, border, shadow. Toggle window bar, header and composer.