Skip to main content

Mockly

Create clearly labelled social-media mockups for demos, stories, and prototypes.

Mockly is a free mockup editor for social posts, chat threads and phone screens, built for parody, demos, storytelling and teaching. You fill in names, messages and images, see a live preview inside a device frame, and download a PNG. It is a mockup tool, not a way to fake real conversations, and the editor says so.

Features

What you can do with Mockly

Chat and post templates

Detailed editors cover WhatsApp, Instagram DM and posts, X / Twitter, Facebook, YouTube comments, Messenger, Telegram and Snapchat style layouts.

Phone screen mockups

Make notification, low battery, incoming call, error popup and search results screens for slides or video scenes.

Live preview in a device frame

Changes show instantly in a phone frame, with light, dark and AMOLED themes and iOS or Android styles where the template supports them.

PNG export

Download the finished preview as a high-resolution PNG generated in your browser.

Drafts saved locally

Save a draft to your browser's local storage and load it again later on the same device. Drafts are not stored on a server.

How to use it

How to use Mockly

  1. Open Mockly and choose a template from the templates page.

  2. Edit names, avatars, messages, timestamps and counts in the side panel.

  3. Pick a theme and device style and check the live preview.

  4. Export the mockup as a PNG for your slide, video or prototype.

Good for

When it comes in handy

  • Show a chat flow in an app prototype or pitch deck
  • Create a fictional text exchange for a short film or story
  • Illustrate a social post in a classroom lesson on misinformation
  • Mock up a notification for a product demo

FAQ

Mockly questions

Is Mockly free?

Yes, it is free to use. The home page may ask for an email to open more templates, but there is no account to create.

Can I use it to fake a real person's messages?

No. Mockly is for parody, entertainment and educational mockups only. Using it for fraud, misinformation or impersonation is not allowed.

Where are my drafts saved?

Drafts you save stay in your browser's local storage on that device. Clearing your browser data removes them.

What format does the export use?

Each mockup downloads as a PNG image created in your browser.

Are the images uploaded anywhere?

Avatars and post images you add are used in the browser to build the preview and the PNG. The export happens on your device.

Related free tools

Tools that pair well with it

Single-purpose AltFTool tools for the same kind of job.

Keep exploring

More experiments from AltFTool Labs

Create

TemplateForge

A self-hosted template marketplace: browse polished website designs, preview them interactively, and download complete blueprints ready to build.

Built something of your own?

Where to launch a web experiment and earn backlinks

Browser games, creative-coding demos and side projects get their first visitors and links from launch sites, game portals and galleries. Our backlinks list keeps the ones that accept small web projects, with estimated authority, link type, cost and the exact submit page.

  1. RedditCommunityest. DA 95
  2. Product HuntLaunch platformest. DA 90
  3. Hacker News Show HNLaunch platformest. DA 90
  4. CodePenFrontend Developer Communityest. DA 90
  5. itch.ioApp Distributionest. DA 90
  6. Boing BoingCulture and tech blogest. DA 90

Have an idea for the next experiment?

Tell us what you would like to see built, or get new experiments in the AltFTool newsletter as they leave the workbench.