Social Media Mockup Generator
Create pixel-perfect mockups for 7 platforms. Download or copy as image. Free, no signup.
Profile
Content
Timestamp & Engagement
Your post text will appear here...
Presets
Solid
Custom Gradient
Free social media mockup generator
Create realistic social media mockups for presentations, portfolios, pitches, and content planning. Preview how your posts and messages will look on X (Twitter), LinkedIn, Facebook, Instagram, WhatsApp, Slack, and Discord — then download a pixel-perfect screenshot with a beautiful gradient background. No signup, no watermark, completely free.
Supported platforms
| Platform | Type | Features |
|---|---|---|
| X (Twitter) | Social | Verified badge, replies, reposts, likes, views |
| Social | Verified badge, reactions, comments, reposts | |
| Social | Verified badge, likes, comments, shares | |
| Social | Verified badge, story ring, likes, comments | |
| Messaging | Multi-message, read receipts, emoji reactions | |
| Slack | Messaging | Multi-message, channel context, emoji reactions |
| Discord | Messaging | Multi-message, colored usernames, emoji reactions |
Features
- Visual & JSON editor — Build mockups with the form, or paste JSON for bulk editing
- Multi-message support — Messaging platforms support unlimited messages with per-message reactions
- Gradient backgrounds — 8 presets plus custom two-color gradient picker
- High-res export — 2x resolution for crisp retina images
- Copy to clipboard — Paste directly into Figma, Notion, or presentations
Platform character limits
| Platform | Limit | Best Length | Image Size |
|---|---|---|---|
| X (Twitter) | 280 | 71-100 chars | 1200x675px |
| 3,000 | 25-50 words | 1200x627px | |
| 63,206 | 40-80 chars | 1200x630px | |
| 2,200 | 138-150 chars | 1080x1080px | |
| Discord | 2,000 | Under 50 words | Any |
Frequently Asked Questions
How do I use JSON mode?
Click "Edit as JSON" to switch to a JSON editor. You can paste structured data to populate the mockup, or click "Load Sample" to see the expected format for each platform. Changes sync in both directions — edits in the UI update JSON and vice versa.
Can I add multiple messages?
Yes — for WhatsApp, Slack, and Discord, click "+ Add" to add as many messages as you need. Each message can be from "You" or "Other", and can have individual emoji reactions with custom counts.
Are there watermarks?
No. All mockups are watermark-free and ready for professional use.
Can I customize the gradient?
Yes — use the two color pickers next to the presets to create any custom gradient. Select "None" (checkerboard) for a transparent background.