TikTokCreator
The brand collab DM
The message every creator gets, and the one worth reading carefully.
Use this templateTikTok mockupsInterface checked · v46.3.0
Fake TikTok DM & screenshot generator
Build a TikTok direct-message screenshot with the app's real inbox: near-monochrome grey bubbles on both sides, a centred username header, centred time separators, and a single Read receipt under the newest message you sent.
Open the TikTok editorFree · no account · PNG and video
Start from a TikTok example
Each one opens in the editor as an editable, fictional scene — names, timings and interface details already set. Change a word, or change everything.
TikTokCreator
Asking to stitch a video
Creator-to-creator, the polite version — good for community guideline docs.
Use this templateTikTokScam awareness
The "is this you in this video" scam
The most common account-takeover DM on the platform, for safety training.
Use this templateHow to make a TikTok mockup
Start from an example
A brand collab that opens with “gifted”, the is-this-you scam DM, and a polite stitch request — the three conversations that actually fill a creator's TikTok inbox.
Set who you're talking to
Name, avatar and the optional activity line (“Active now”, “Active 2h ago”) in the Contact section. The name centres itself in the header.
Write the conversation
Click any bubble and type. Both sides stay grey — the sender toggle changes the side and the shade, not the colour, because that is all TikTok changes.
Add the Read receipt
Set your last message's receipt to Read. One small grey label appears beneath it; TikTok never shows more than that.
Export
PNG at 1× free, up to 3× on Pro, or video export if you want the messages to type themselves out for a Reel or a Short.
How the TikTok interface is put together
Our TikTok skin is rebuilt from the real interface in code rather than traced from a screenshot, so the details that make it recognisable survive at export resolution. Here is what those details actually are.
Both sides are grey — the red is not for bubbles
This is the mistake nearly every fake TikTok screenshot makes. TikTok's inbox is almost monochrome: outgoing is a slightly lighter grey than incoming, and that is the entire distinction. The pink-red belongs to the logo and the like heart. A red or pink outgoing bubble is the fastest way to spot a fake.
The username is centred in the header
The back arrow sits at the left edge and the report flag at the right, with the name centred between them and an optional activity line beneath. Most messengers left-align the name next to the avatar; TikTok does not.
Bubbles are tightly rounded, not pills
A 14px radius rather than a full pill. It is a small difference and it changes the whole feel — pill-shaped bubbles read as iMessage or X, not TikTok.
Timestamps are centred separators
TikTok does not put a time on each bubble. It drops a small centred grey timestamp above a group of messages, the way a date divider works elsewhere. Per-bubble times are wrong here.
One Read receipt, under the newest sent message
Not ticks, not per-message state — a single small grey Read beneath the last thing you sent, right-aligned. That is the app's entire read-receipt vocabulary.
Send stays grey until you type
The send button is an inert grey circle with a grey arrow while the field is empty, and only fills with TikTok red once there is something to send. It is the one place the brand colour appears in the whole screen.
What people use TikTok mockups for
- Brand collaboration and rate-card content
- Scam and account-takeover awareness training
- Creator-education videos
- Storytime and reaction content
- Agency and influencer pitch decks
- Community guideline documentation
Questions about TikTok mockups
- Why are both bubbles grey?
- Because that is what TikTok does. The inbox is deliberately near-monochrome — outgoing is a marginally lighter grey than incoming and nothing else distinguishes them. Mockups that colour the outgoing bubble red or pink are using the brand colour where the app never does, and it is the most obvious tell there is.
- Can I do TikTok comments instead of DMs?
- Not yet. Comments are a different format with a different structure — a video behind them, a threaded list, per-comment likes — and building it as anything less would be a worse version of a real feature. This page covers direct messages, which is the inbox view.
- Can I show the Read receipt?
- Yes. Set the last outgoing message's receipt to Read and a small grey Read appears beneath it, right-aligned. TikTok only ever shows one, under the newest sent message, so that is all the skin draws.
- Does it do dark mode?
- Yes, and it is what most people want — TikTok's own #161823 rather than pure black. Light mode is supported too.
- Can I add photos or voice notes to the conversation?
- Yes. Photo and voice messages are message kinds available in every chat skin, so a TikTok DM can include a shared image or a voice note with a waveform and duration.
- Can I fake a message from a real creator or from TikTok itself?
- No — our terms prohibit both. Messages appearing to come from TikTok support are a common account-takeover scam pattern, which is why the safety example on this page is written as a warning for the potential victim.
- Does the export carry a label?
- Yes — 1× free, up to 3× on Pro. Free downloads carry a small SIMULATED label and you can switch it on yourself at any tier. Everything renders in your browser and nothing you type is sent to a server.
Use these responsibly
Everything made here is simulated. SocialMock has no connection to TikTok and cannot read, send or alter a real message. Do not use a mockup to impersonate anyone, pass it off as a genuine screenshot, or present it as evidence in any legal, workplace or academic matter — see our Acceptable Use policy. For general information about legal risk, read is it legal to fake a screenshot? If you publish somewhere a viewer might mistake it for real, switch on the “Simulated” label before exporting.
Related generators
Browse all 36 appsBuild your TikTok mockup now
Click straight into the preview and type. Export when you are done — free at 1×, up to 3× on Pro.
Open the TikTok editor