TikTok Post Mockup Generator
Drop in your copy, an image and the numbers you want to show, and the TikTok card updates live. Download it as a crisp PNG for a client deck, a landing page or a "here is what it will look like" message. Everything renders in your browser.
drop or click
optional
Numbers, names and the image are yours to change. The PNG is rendered locally at 2× for crisp screenshots.
What the mockup gets right
A TikTok post is a 9:16 video with your username, caption and sound overlaid at the bottom left, and the like, comment, save and share rail on the right. Captions truncate after about 90 characters until tapped.
The card follows the current TikTok layout: spacing, icon set, where the verified badge sits, how the text folds and how reactions are counted. Dark mode uses TikTok's actual dark palette.
How to make one
- Type the name and the post text.
- Set likes, comments and shares and a time stamp.
- Add an avatar and an image if you want them.
- Choose light or dark, mobile or desktop, then click Download PNG.
Where mockups are useful
- Client approvals: show the post as it will appear rather than as a Word document.
- Pitch decks and case studies that need a realistic social example.
- Landing pages with "as seen on TikTok" proof.
- Training material showing good and bad posts side by side.
If the point is approval rather than a picture, Social by InstantDM previews every platform inside the composer and lets a client approve from a link.
TikTok image sizes (2026)
| Placement | Size (px) | Ratio |
|---|---|---|
| Video / photo post | 1080 × 1920 | 9:16 |
| Carousel photo | 1080 × 1920 | 9:16 |
| Profile photo | 200 × 200 | 1:1 |
Need one of these sizes? Use the TikTok image resizer.
Frequently asked questions
Can I download the mockup?
Yes. Click "Download PNG" and you get a 2× resolution image of the card. Safari blocks this kind of export; take a screenshot there instead.
Are my images uploaded?
No. The avatar and post image are read by your browser and never leave your device.
Does it support dark mode and desktop layouts?
Both. Toggle them in the toolbar; the download matches what you see.
Can I remove the branding?
There is no branding on the export: just the post card.
Related free tools
Write it here, publish it everywhere
Social by InstantDM schedules to TikTok and seven other platforms from one calendar, with AI captions, previews and an API. Start free — $0 today, cancel anytime.
Sign up for $0.00