PerplexityPerplexity mockups

Fake Perplexity answer & screenshot generator

Build a Perplexity screenshot with the thing that makes it Perplexity — numbered source chips above every answer, your query set as a heading rather than a bubble, quiet teal on off-white, and a composer that asks for a follow-up rather than a message.

Open the Perplexity editorFree · no account · PNG and video

Start from a Perplexity example

Each one opens in the editor as an editable, fictional scene — names, timings and interface details already set. Change a word, or change everything.

All examples
PerplexityPerplexityScam awareness

Is that actually true?

The citation use case — a claim checked, with numbered sources above the answer. Without those chips this is ChatGPT in a teal coat.

Use this template
PerplexityPerplexityCreator

Research for a piece

Gathering the shape of a subject before writing about it, with the sources visible above each answer.

Use this template
PerplexityPerplexityWork

Which of these two should I use?

A comparison with sources, which is the question people open Perplexity for.

Use this template

How to make a Perplexity mockup

  1. Start from an example

    The three above are what people open Perplexity for: checking whether a claim is true, comparing two options, and getting the shape of a subject before writing about it.

  2. Write the query

    It renders as a heading with a rule under it rather than a bubble. Real queries are short and specific, and the contrast against a long cited answer is part of the look.

  3. Write the answer with real nouns in it

    The source chips are derived from the capitalised terms in the answer, so naming actual subjects produces labels that match. A vague answer produces generic chips and should not be presented as if it came from a verified source.

  4. Add a follow-up

    The composer says Ask follow-up for a reason — the product is a research thread. One short follow-up with its own cited answer is what makes it read as a session.

  5. Export

    PNG at 1× free, up to 3× on Pro, the whole thread or one screen, with or without the phone frame.

How the Perplexity interface is put together

Our Perplexity skin is rebuilt from the real interface in code rather than traced from a screenshot, so the details that make it recognisable survive at export resolution. Here is what those details actually are.

The sources are the product

Every answer carries numbered source chips above it, and that is not decoration — it is the entire reason Perplexity exists as a separate thing from a chatbot. A fake Perplexity screenshot without citations is indistinguishable from ChatGPT in a teal coat, and it is the single most common way these mockups fail.

Your query is a heading, not a bubble

Perplexity sets what you asked as plain text with a rule underneath, the way a search result page sets a query. Every other assistant puts it in a contained bubble on the right. That one difference restructures the whole screen and is what makes Perplexity read as research rather than chat.

The chips are derived, not typed

Sources are generated from the proper nouns in your answer plus a rotating pool of domains, so they change with the content and never repeat identically down the page. You do not fill in a citations field — write the answer and the chips follow it, which is closer to how the product actually behaves.

Teal, and only just

The accent is the least saturated in the set — a muted teal rather than a bright brand colour. Perplexity's interface is deliberately quiet, and turning the accent up is a fast way to make it look like a different product.

“Ask follow-up”, in the product's own words

The composer does not say “Message” or “Ask anything”. It says Ask follow-up, because the model of the product is a research thread rather than a conversation. Small wording, and the kind of thing a regular user notices missing.

Off-white, not white

The page is a warm near-white rather than pure white. Alongside the teal and the quiet type it gives Perplexity a paper-ish feel that separates it from the brighter assistants — and it is subtle enough that most mockups miss it entirely.

What people use Perplexity mockups for

Questions about Perplexity mockups

How do I control the sources?
You write the answer and the chips follow it. They are derived from the capitalised terms in the text plus a rotating pool of domains, so naming real things in the answer produces citations that match it. There is no citations field to fill in — a scene with nothing to cite shows no chips rather than inventing them.
Why does my answer have no source chips?
Check that it is the assistant's message rather than yours. Sources only appear above answers, never above your query — which is correct, since your question has nothing to cite.
Why doesn't my query appear in a bubble?
Because Perplexity does not put it in one. Your question renders as a heading with a rule underneath, the way a search page sets a query. If you want the bubble layout, that is any of the other four assistants.
Can I make it cite a real publication?
The chips are derived from your text, so writing about a named subject will produce a matching domain. Presenting an invented answer as something Perplexity actually returned — with citations implying real sources said it — is misrepresentation, and our terms prohibit it. A fake citation is worse than a fake answer, because it borrows someone else's credibility.
Does anything here call a real model or search the web?
No. Nothing on this site talks to any AI service or fetches any page. The domains in the chips are generated from your own text — they are a rendering, not a lookup, and nothing behind them was checked.
Does it do the other assistants?
Yes — ChatGPT, Claude, Gemini and Grok, each built from its own interface. Perplexity is the one that is structurally different rather than differently coloured, which is why it has its own renderer instead of sharing the AI frame.
Can I export a long research thread?
Yes. The download dialog offers the whole thread at its true height, exactly one screen, or fit-to-content, which matters here — a research session with several follow-ups runs well past one screen.
Is there a watermark?
Free downloads carry a small SIMULATED · socialmock.com label at 1× resolution; Pro removes it and unlocks 2× and 3×. You can also switch the label on yourself, and for a screenshot that appears to show cited sources it is genuinely worth using.

Use these responsibly

Everything made here is simulated. SocialMock has no connection to Perplexity and cannot read, send or alter a real message. Do not use a mockup to impersonate anyone, pass it off as a genuine screenshot, or present it as evidence in any legal, workplace or academic matter — see our Acceptable Use policy. For general information about legal risk, read is it legal to fake a screenshot? If you publish somewhere a viewer might mistake it for real, switch on the “Simulated” label before exporting.

Related generators

Browse all 36 apps

Build your Perplexity mockup now

Click straight into the preview and type. Export when you are done — free at 1×, up to 3× on Pro.

Open the Perplexity editor