Back to Projects

MockLab

A web app for generating pixel-perfect social media mockups across 21+ platforms with live preview, fully customizable elements, and high-resolution 2x PNG export.

MockLab makes it trivially easy to create authentic-looking social media mockups for any platform. Whether you're building a case study, a pitch deck, or a portfolio piece, MockLab lets you generate polished screenshots of posts, comments, and DMs without touching Photoshop.

Features

21+ Platform Support

Mockups for every major platform: YouTube comments, TikTok posts, Instagram stories and posts, Twitter/X threads, Snapchat DMs, WhatsApp chats, LinkedIn posts, Discord messages, Reddit threads, and many more — each rendered with accurate UI chrome and brand styling.

Full Customization

Every element is editable: usernames, avatars, timestamps, like/reaction counts, verified badges, read receipts, reply counts, and view counts. Dark and light mode support for every platform.

Live Preview

Changes render instantly in a live preview — no save-and-reload cycle. Switch between platforms with animated transitions while keeping your content intact.

High-Resolution Export

Export mockups as 2x PNG for crisp display at any size. The collapsible sidebar hides all controls during export so you get a clean, frame-only image.

MockLab is available at mocklab-sigma.vercel.app and on GitHub.