Steam-style friend chat
Steam Chat Mockup Maker
The sample is two friends lining up a match: “queue after this round?” The window shows the friend’s name and avatar at the top and each message with a timestamp. Change the names, colors, messages and the text in the message box.
Updated

How to make it
- Open the Steam template in the web editor or the Mimicly iPhone app.
- Replace the sample names, photos and text with your own.
- Adjust times, counts and appearance until the preview looks right.
- Export a PNG or JPG and place it in your video, slide or storyboard.
What you can edit
- Friend name and avatar in the window header
- Messages with player names, colors and timestamps
- Your own name and avatar plus the message box text
Good for
- Gaming story videos about planning a session
- Thumbnails for co-op videos
- Community and server announcements
On your iPhone
The Mimicly app has the same templates, saves your projects and records supported chats as MP4.
Scan with your iPhone camera to get the app.
Questions
Is this a phone layout?
No. It is the desktop chat window, sized like a window on a monitor, which suits gaming videos and streams.
Can I turn it into a video?
This template exports still images (PNG or JPG). Add the image to your video editor as an overlay. MP4 recording is available on supported messaging and AI conversation templates.
Is this template free?
You can open, edit and export it without paying or signing in. Exports without Pro carry a small “Made with Mimicly” watermark. Sign in for three clean exports shared across images and recordings, or choose Pro (monthly or a one-time lifetime purchase) for watermark-free exports, higher resolution and share links.
Is Mimicly connected to Steam?
No. Mimicly is an independent editor. It does not sign in to Steam, send messages or read your account. Everything in the scene is written by you; use it for fictional scenes, examples and storyboards.
More ways to create with Mimicly
Open the template and replace the sample content.
Edit this mockup