TikTokCreator
A creator hitting two million
Centred header, the third stat nobody else has, and a video grid where every tile carries its play count.
Use this templateTikTok mockupsInterface checked · v46.3.0
Fake TikTok profile & account mockup generator
Build a full TikTok profile page — the centred avatar and @handle, following, followers and the lifetime likes count, a centred bio, and a video grid where every tile carries its play count. 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 starting out
Under a thousand followers, so the counts are written out rather than abbreviated. The grid is still the point.
Use this templateTikTokScam awareness
An account with no videos yet
The empty state, which is a real screen and the one people forget exists — useful for onboarding mockups and safety talks.
Use this templateHow to make a TikTok mockup
Start from an example
The three above are the ones people make: a creator account with a full grid, a milestone screenshot, and a new account with nothing posted yet.
Set the account
Photo, handle, then the bio and the link. Line breaks in the bio are kept, so a two-line bio stacks the way it would on the phone.
Type the three counts
Following, followers and likes, as plain integers. The preview abbreviates them as you type.
Fill the grid
Add tiles in multiples of three. Leave it empty for the No videos yet state.
Export
Full-height PNG at 1x free, up to 3x on Pro, device frame optional, and onto a sized canvas if it is going into a deck or a video.
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.
Everything above the grid is CENTRED
This is the first thing that separates a TikTok profile from an Instagram one. Avatar centred, handle centred, stats centred, buttons centred, bio centred. Instagram runs its avatar down the left with the stats beside it; TikTok stacks the whole header on one vertical axis, and a left-aligned TikTok header reads as the wrong app before anyone has read a word of it.
The @handle is the name on screen
Under the avatar TikTok prints the username, not the display name — and the display name appears nowhere on this screen at all. People building a TikTok profile from memory almost always put the display name in bold and the handle underneath, which is Instagram's arrangement. Here there is one name line and it starts with an @.
Three counts, and the third one is Likes
Following, Followers, Likes, divided by hairline rules. That third figure is a lifetime total across every video the account has posted, and no other profile in this tool has it — Instagram counts posts, X counts nothing beyond two, LinkedIn counts connections. A TikTok profile without a likes count is the giveaway.
A wide red Follow, with a message button beside it
Not a row of equal pills. The Follow button takes almost the full width in TikTok's red, and a small square message-bubble button sits to its right. Switch on Already following and the red goes grey and the label becomes Following, which is what the real screen does.
The grid is video tiles, so every tile has a play count
A play glyph and a number in the bottom-left corner of each thumbnail, in white with a drop shadow. A TikTok grid of bare photographs reads as Instagram. The counts are fixed and deliberately uneven — one video went off and the rest did not, which is what a real account's grid looks like. A tidy descending sequence gives itself away.
Tabs before the grid: videos, reposts, liked
Three icons under the bio, with the active one underlined. The reposts and liked tabs are drawn but not selectable, because the screen worth mocking up is the one people share — an account's own videos. The empty state, when you leave the grid unfilled, is the No videos yet notice.
What people use TikTok mockups for
- Creator media kits and brand pitch decks
- Announcing a follower or a one-million-like milestone
- Safety and digital-literacy teaching about impersonating accounts
- UI and design portfolios
- Film, TV and theatre props
- Fiction where a character has an account
Questions about TikTok mockups
- Why is there no display name?
- Because TikTok does not print one on the profile screen. The handle under the avatar is the only name shown. The display name still exists in the editor, so it survives if you switch the mockup to another platform, but this skin does not draw it.
- Do I type 2.4M or 2400000?
- 2400000. Type the real number and each app abbreviates it its own way. TikTok writes 2.4M, LinkedIn would write 2,400,000 for the same figure — which is why switching platform re-formats the count instead of asking you to retype it.
- Can I set the play count on each video?
- No, and that is deliberate. The counts are decoration on a thumbnail, and twelve number fields for them would be twelve controls nobody came for. They are drawn from a fixed uneven set so the grid looks like a real account rather than a generated one.
- How many grid tiles should I add?
- Multiples of three. The grid is three columns and only complete rows are drawn, so nine tiles give three rows and ten still give three. Add images from the built-in library or upload your own.
- Can I edit text directly in the preview?
- Yes — the handle, the bio and the link are editable in the phone itself. The counts, the photo and the grid live in the Account, Stats and Grid sections on the left.
- Can I make a profile for a real creator?
- No, and our terms prohibit it. Putting invented follower or like counts on a real account is impersonation. Parody, teaching, fiction and design work are fine — every example on this page uses fictional accounts.
- Does the export include the whole page?
- Yes. A profile is taller than one screen, and the PNG export releases the full height rather than cropping at the phone's bottom edge. Device frame optional, 1x free and up to 3x on Pro.
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