Why does my Grok mockup look like ChatGPT in dark mode?

Probably the user bubble. Grok's is outlined with a hairline border rather than filled with grey, and it has a smaller radius. That one detail plus the slash mark is most of the difference between the two on a black background.

Should I use light or dark?

Dark. Grok is the one assistant where the dark version is the canonical one — it is true black rather than a dark neutral, and almost every Grok screenshot in circulation is dark. All three examples above are.

Is there any colour at all?

No, and that is deliberate. If your mockup has a coloured send button or a tinted mark, something has been carried over from another skin. Monochrome is the identity, not a theme setting.

Can I make it say something offensive?

You can type anything into the editor — it is a text field, not a model. But attributing invented statements to a named real product is misrepresentation, our terms prohibit it, and screenshots of an AI saying something inflammatory are among the most-shared and least-checked images on the internet. Please do not.

Does anything here call a real model?

No. Nothing on this site talks to any AI service. Every word is one you typed or one that came from an example, rendered entirely in your browser.

Does it do the other assistants?

Yes — ChatGPT, Claude, Gemini and Perplexity, each built from its own interface rather than recoloured. Claude is cream, Gemini is Material 3, Perplexity puts numbered sources above every answer.

Can I export a long conversation?

Yes. The download dialog offers the whole conversation at its true height, exactly one screen, or fit-to-content, so nothing is cropped at the fold.

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 AI screenshots it is worth considering.

Grok mockups

Fake Grok chat & screenshot generator

Build a Grok screenshot on the pure-black page with no accent colour anywhere — the hard-edged xAI slash, a user bubble that is outlined rather than filled, and answers written the way Grok actually answers, because the tone is part of the interface.

Open the Grok editorFree · no account · PNG and video

Start from a Grok 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

9:41

AskImagine

I've been "about to launch" for eleven months. Blunt version, please.

Eleven months of about-to-launch is not a launch problem, it's a decision problem. You've been choosing the version of the work where nobody can tell you it's wrong. The fix isn't more polish. Pick a date, tell someone who'll notice if you miss it, and ship whatever exists on that date. It will be worse than what's in your head. That's the trade, and it's a good one.

brutal

You asked for blunt. Brutal would have been asking what you're actually afraid of.

GrokFiction & humour

Give me the blunt version

Grok's whole personality in four exchanges, on the pure-black page that identifies it.

Use this template

9:41

AskImagine

Someone told me very confidently that you should never charge a phone overnight because it wrecks the battery. True?

Mostly outdated. Modern phones stop drawing current once they hit 100% and most now delay the last stretch of charging until just before your alarm, precisely so the battery doesn't sit full all night. What is true, and probably where this came from: lithium batteries age faster when held at a very high charge in heat. So the real advice is about heat and about sitting at 100% for long periods, not about the clock. Charging overnight on a bedside table is fine. Charging overnight under a pillow is not, and that's a fire risk rather than a battery one. Confidence and correctness are unrelated variables, which is worth remembering at dinner.

GrokScam awareness

Is my confident friend right?

Checking a claim somebody stated with total certainty at dinner. Written for media-literacy material.

Use this template

9:41

AskImagine

Name for a tool that turns a messy spreadsheet into a clean one. Not "AI" anything. Not a made-up word with a missing vowel.

Tidy. Sweep. Straighten. Comb. Rinse. If you want one: Comb. It's a real word, it's short, nobody will misspell it, and it describes the action rather than the technology — which is the only naming rule that survives contact with a domain search. The risk is that it's generic enough to be hard to trademark. That's usually a problem worth having.

comb.sh was available. bought it.

GrokWork

Name the thing

Product naming, and the moment it stops offering options and picks one.

Use this template

How to make a Grok mockup

Start from an example
The three above are written the way Grok answers: a blunt read on eleven months of not shipping, a naming session that commits to one option, and a confident dinner-party claim checked properly.
Stay dark
Grok's canonical look is true black. The Dark toggle is in the studio header, and it is the version almost every real screenshot is in.
Write the prompt
Your messages render as an outlined bubble with a hairline border — not a filled one. Short prompts suit the interface and the tone.
Write the answer short
This is the part people get wrong. Grok's positioning is bluntness, so a hedged four-caveat answer reads as the wrong product no matter how accurate the pixels are.
Export
PNG at 1× free, up to 3× on Pro, the whole conversation or one screen, with or without the phone frame.

How the Grok interface is put together

Our Grok 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.

Monochrome, and that is the identity

There is no accent colour anywhere in Grok — no blue send button, no coloured mark, no tinted surface. Every other assistant has one hue doing the branding; Grok has none, and reproducing that absence is harder than adding a colour because the temptation is always to put something in.

Even the light theme is not white

Grok's light mode is a very light grey rather than the pure white every other assistant uses, and the dark mode is true black rather than a dark neutral. Both directions are pushed further than the rest of the set, which is why a Grok mockup at #FFFFFF looks subtly wrong.

The slash mark

xAI's glyph is a hard-edged pair of strokes. No gradient, no circle, no roundness. Beside a Gemini sparkle or a Claude starburst it is unmistakable, and it is the only mark in the set with no curve in it at all.

The user bubble is outlined, not filled

A modest 16px radius with a hairline border rather than a solid fill — nothing else in the set does this. ChatGPT and Gemini fill their user bubbles; Claude uses a bordered card but on cream. Grok's outlined-on-black is its own thing.

The tone is part of the interface

Grok's whole positioning is that it answers bluntly. A mockup with a carefully hedged, four-caveat answer is not a Grok screenshot however correct the pixels are — the writing has to match, which is why the examples above are written short and direct.

Answers still run full width

Your message is contained; the reply is not. That asymmetry is shared across all five assistants here and is what separates an AI screenshot from a messenger one — there are not two people, there is a person and a system.

What people use Grok mockups for

Memes and reaction posts
Media-literacy and fact-checking material
Product and naming write-ups
Pitch decks and demos
Fiction, scripts and storyboards
Design portfolios

Questions about Grok mockups

Why does my Grok mockup look like ChatGPT in dark mode?: Probably the user bubble. Grok's is outlined with a hairline border rather than filled with grey, and it has a smaller radius. That one detail plus the slash mark is most of the difference between the two on a black background.
Should I use light or dark?: Dark. Grok is the one assistant where the dark version is the canonical one — it is true black rather than a dark neutral, and almost every Grok screenshot in circulation is dark. All three examples above are.
Is there any colour at all?: No, and that is deliberate. If your mockup has a coloured send button or a tinted mark, something has been carried over from another skin. Monochrome is the identity, not a theme setting.
Can I make it say something offensive?: You can type anything into the editor — it is a text field, not a model. But attributing invented statements to a named real product is misrepresentation, our terms prohibit it, and screenshots of an AI saying something inflammatory are among the most-shared and least-checked images on the internet. Please do not.
Does anything here call a real model?: No. Nothing on this site talks to any AI service. Every word is one you typed or one that came from an example, rendered entirely in your browser.
Does it do the other assistants?: Yes — ChatGPT, Claude, Gemini and Perplexity, each built from its own interface rather than recoloured. Claude is cream, Gemini is Material 3, Perplexity puts numbered sources above every answer.
Can I export a long conversation?: Yes. The download dialog offers the whole conversation at its true height, exactly one screen, or fit-to-content, so nothing is cropped at the fold.
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 AI screenshots it is worth considering.

Use these responsibly

Everything made here is simulated. SocialMock has no connection to Grok 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

ChatGPT generator Claude generator Gemini generator Perplexity generator WhatsApp generator iMessage generator Instagram DM generator Messenger generator

Browse all 36 apps

Build your Grok mockup now

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

Open the Grok editor

Fake Grok chat & screenshot generator

Start from a Grok example

Give me the blunt version

Is my confident friend right?

Name the thing

How to make a Grok mockup

Start from an example

Stay dark

Write the prompt

Write the answer short

Export

How the Grok interface is put together

Monochrome, and that is the identity

Even the light theme is not white

The slash mark

The user bubble is outlined, not filled

The tone is part of the interface

Answers still run full width

What people use Grok mockups for

Questions about Grok mockups

Use these responsibly

Related generators

Build your Grok mockup now