Write both sides of an AI conversation and export a clean ChatGPT-style screenshot. Light or dark, reasoning rows, code blocks. Free, no sign-up, all in your browser.
Imagine two magic coins. You flip one in Paris and the other in Tokyo at exactly the same moment. Somehow, they always land the same way up, every single time.
That is roughly what entanglement looks like. Two particles end up linked, so measuring one instantly tells you about the other, no matter how far apart they are.
For parody, mockups, education, and design comps only. ChatGPT did not write this, and nothing here was generated by a real model. Do not use it to fake evidence, attribute invented claims to ChatGPT, or mislead anyone about a real answer.
You just designed an AI conversation. These free CommonNinja widgets put a working one on your own site.
A real AI assistant that answers your visitors from your own content, day and night. The thing your mockup is pretending to be.
One floating button that opens WhatsApp, Messenger, Telegram, or live chat, whichever your visitors actually use.
Answer the questions people keep asking, without a bot. Searchable, collapsible, and indexed by Google.
Let people share your screenshot, post, or page in one tap across every major network.
Other free tools for mockups and social content.
Build a realistic WhatsApp-style conversation mockup with bubbles, ticks, and timestamps. Download a PNG.
Use Tool →Design a Telegram-style chat mockup in light or dark mode and export it as a clean PNG.
Use Tool →Create a Messenger-style conversation mockup with blue pill bubbles. Free, in your browser.
Use Tool →Mock up a Reddit-style post with votes, awards, and a threaded comment section. Export a PNG.
Use Tool →Create realistic X (Twitter) post screenshots with views, checkmark tiers, and bookmarks. Download a clean PNG.
Use Tool →Build an iPhone text message mockup with blue iMessage or green SMS bubbles, reactions, and a Read receipt.
Use Tool →Mock up a Facebook post with reactions, shares, and a comment thread. Export a PNG.
Use Tool →Design an Instagram post mockup around your own photo, with caption, likes, and comments.
Use Tool →Build an Instagram DM mockup with gradient bubbles, heart reactions, and a Seen label.
Use Tool →Create a Snapchat chat mockup with colored side bars, a snap score, and a status on every row.
Use Tool →Place bold text behind your subject in one click. Automatic cutout, no sign-up, all in your browser.
Use Tool →Design a Gemini-style AI chat mockup with a sparkle mark, bolded lead-ins, and a clean PNG export.
Use Tool →Mock up a Google AI Overview card with a search bar, bulleted answer, and cited source chips.
Use Tool →What it is
Type the prompt, type the answer, and the tool draws the conversation exactly the way ChatGPT lays one out. Then it hands you a PNG.
There is no model behind this page. Nothing you type is sent anywhere, no answer is generated, and no API is called. You are writing both halves of a conversation and the tool is rendering them, in the same way a designer mocks up an app screen that does not exist yet.
That is the point. When you need a specific answer for a slide, a tutorial, a video thumbnail, or a joke, asking a real model over and over until it says the right thing is the slow way round. Writing it directly takes seconds and gives you the exact wording you meant.
The layout follows the real thing closely: your prompt sits right in a grey rounded bubble, the answer runs full width underneath with no bubble at all, and the reasoning row, the copy and rating icons, and the disclaimer line are all where people expect to see them.
How to use it
Everything updates live, so you can see the result while you are still writing it.
The first turn is yours. Keep it short and natural, the way people actually type into a chat box rather than the way they write a document.
Switch a turn to ChatGPT and type what it said. Wrap a lead-in in **double asterisks** to bold it, which is how real answers open a point.
Turn on a reasoning row, drop in a code block, set the model label, and pick light or dark. Each one is optional and off by default where it should be.
One click exports at double density, so it stays sharp in a deck, a doc, a thumbnail, or a post.
a believable answer is specific, structured, and slightly too long
The tell in most fake AI screenshots is an answer that is too tidy. Real answers open with a bolded lead-in, run two or three paragraphs, and include one detail nobody asked for. Write that and the rest of the mockup looks after itself.
Getting it right
Four things people notice without being able to say why.
This is the single biggest giveaway. Your prompt sits in a grey bubble on the right; the answer runs the full width of the column with nothing around it. Tools that draw two rows of bubbles are drawing a messaging app, not an assistant.
A line like "Thought for 4 seconds" appears above the answer, greyed and small, not expanded into visible reasoning. Leave it off entirely for a quick factual reply, where it would not appear.
No ticks, no Delivered, no Read, no timestamps on each turn. Those belong to messaging apps. An assistant thread has none of them, and adding one immediately reads as wrong.
The line under the message box is always there in the real product. Leaving it on costs nothing and is the sort of small correctness that makes the whole image hold up.
Where people use it
Design comps, teaching, and jokes. Not evidence.
If you are designing an AI feature, you need screens before the model exists. Write the ideal answer, export it, and drop it into the comp.
A side-by-side of a vague prompt and a sharp one makes the lesson instantly. Writing both answers yourself means the contrast lands where you want it.
Most viral AI screenshots are comedy. Writing the punchline directly beats rerolling a real model until it accidentally says something funny.
A clean, readable screenshot at a known size beats a phone photo of a laptop every time, and you control exactly what it says.
If the mockup is the thing you actually want, an AI chatbot trained on your own content can answer your visitors for real, day and night.
Try the AI Chatbot widget free →One short caption saying the conversation is a design mockup removes every doubt and costs you nothing. Do it anywhere the image travels beyond your own team.
Glossary
Useful if you make these for a team, a class, or a client.
Read next
In this article, we are going to discuss font pairing, and why it’s important to web design
Read article →In this article, we are going to discuss the top 6 Airbnb Reviews widgets for your website.
Read article →In this article, we are going to discuss AI, how it revolutionizes the industry of web design and discuss the future of...
Read article →In this blog post, we will learn how to collect emails with Next.js, Mailchimp, and Chakra UI.
Read article →In this article, we’ll discuss why choosing the right email marketing platform is essential to your campaign’s success.
Read article →In this article, we’ll discuss how to create responsive web designs with CSS container queries.
Read article →