Mockly

Fake Grok AI chat generator

Make a realistic Grok screenshot with your own prompts and answers.

Mockly's Grok chat generator recreates the Grok app: user bubbles, full-width answers with the action row, real markdown rendering, an editable model label, the DeepSearch and Think composer, image attachments, dark mode, and PNG or video export.

How to make a Grok chat mockup

  1. 1

    Write the exchange

    Click to add user prompts and Grok answers. Markdown in answers renders as you type it.

  2. 2

    Match the Grok details

    Pick the model label, attach images to prompts, switch dark mode, and add a device frame or status bar.

  3. 3

    Export

    Hit Export for a PNG or video mockup.

What you can do with the Grok chat generator

  • Real Grok layout

    Your prompts sit in user bubbles; Grok answers render as full-width text with the refresh, copy, thumbs, and lightbulb action row.

  • Markdown answers

    Answers support markdown: headings, bold, links, lists, and code blocks, so long-form replies look like the real app.

  • Editable model label and images

    Set the model name shown in the header next to the orange dot (Grok 4.5, Grok 4, or anything you type) and attach images to your prompts.

  • Composer, themes, and export

    The two-row composer with the input pill above the paperclip, DeepSearch and Think chips, mic, and send, plus dark mode, device frame, status bar, and PNG or video export.