TikTokCreator
A clip that took off
The shape most TikTok mockups need — six-figure likes, the spinning sound disc and a creator you do not follow yet.
Use this templateTikTok mockupsInterface checked · v46.3.0
Fake TikTok video & player mockup generator
Build the full-screen TikTok player — the action rail with the avatar on top of it, the spinning sound disc, the @handle, a caption that clamps at two lines and the For You bar above. Counts are typed as real numbers and abbreviated the way TikTok abbreviates them.
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
A small account, honest numbers
What a real post looks like before anything takes off. The counts nobody screenshots, and the ones most demos should use.
Use this templateTikTokScam awareness
Engagement bait, labelled
The pattern media-literacy sessions have to show and cannot ethically screenshot from a real account — an impossible claim with the numbers to match.
Use this templateHow to make a TikTok mockup
Start from an example
The three above are the ones people make: a clip that took off, a small account with honest numbers, and engagement bait for a media-literacy session.
Pick the frame
An image from the library or your own. Leave it empty and the rail and caption still draw over a neutral field, so you can get the layout right before choosing a picture.
Set the creator
Photo, handle, the verified tick and whether you already follow them.
Write the caption and the sound
The caption keeps its line breaks and clamps at two lines. TikTok sounds usually read original sound - handle.
Type the numbers
Likes, comments, saves and shares, as plain integers.
Export
PNG at 1× free and up to 3× on Pro, on a 9:16 canvas by default, device frame optional.
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.
The rail carries the avatar; nothing else's does
TikTok stacks the creator's photo at the TOP of the action column, with a red plus hanging off the bottom edge of it. Instagram's rail has no avatar in it at all — the creator sits in the bottom-left corner instead. Put the photo in the wrong column and you have drawn a Reel.
Like, comment, save, share — in that order
Then the sound disc. The order matters more than it sounds: Instagram puts the paper plane before the bookmark, and YouTube leads with a like and dislike pair. Anyone who uses the app reads the column before they read the caption.
The sound disc spins
A round album tile at the foot of the rail, and it is the single most TikTok thing on the screen. With no cover art it falls back to the creator's photo, which is what the app does — not to a grey music note. It holds still for anyone who has asked their system for reduced motion.
The handle keeps its @
TikTok writes @handle. Instagram writes the username bare, with no prefix. It is one character and it is the fastest tell in either direction.
The caption clamps at two lines
With a more at the end, and only when there is something to expand — a one-line caption gets no affordance at all. A caption printed in full covers the frame and reads as a mockup immediately, because a real player never lets the words take the picture.
Counts are typed as real numbers
You enter 128400 and the player writes 128.4K. One decimal, dropped when it would be a zero, so two million reads as 2M and never 2.0M. Under a thousand the number stays written out — 412 likes is 412, not 0.4K.
What people use TikTok mockups for
- Creator and agency pitch decks
- Announcing a view or follower milestone
- Media-literacy teaching about engagement bait and impossible claims
- App and UI design portfolios
- Film, TV and theatre props
- Fiction where a character posts something
Questions about TikTok mockups
- Can I upload a video?
- No, and that is deliberate rather than missing. The frame is a still image — from the built-in library or your own upload — because a screenshot of a player is a still, and storing and transcoding video to show one frame would buy nothing. The video export animates our own scenes; it does not play the clip you mocked.
- What size should my image be?
- Anything. The frame is cropped to fill the screen, so a square or landscape photo loses its edges exactly as it would in the app. A 9:16 image fills it with nothing cut.
- How is this different from the TikTok comment generator?
- That one draws the comment sheet OVER a video, where the sheet is the subject and the player behind it is a backdrop. This is the player with nothing on top of it — the rail, the sound row and the caption, full screen.
- Do I type 128.4K or 128400?
- 128400. Type the real number and it is abbreviated on render, which is also why switching to Reels or Shorts keeps your counts instead of asking you to retype them.
- Can I hide the follow button?
- Yes — the Following switch in the Creator section. It removes the red plus from the avatar, which is what the app does once you follow someone, and the same switch turns into a Follow chip on Instagram and a Subscribe button on YouTube.
- Why does it export at 9:16?
- Because a vertical player is going somewhere vertical. The Video format opens on a 9:16 canvas so the export is the shape it will be posted at; you can change it in the Export section, and no other format was affected.
- Can I make a video for a real account?
- No, and our terms prohibit it. Inventing view counts on somebody's real handle is impersonation. Parody, teaching, fiction and design work are fine — every example on this page uses fictional accounts.
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