How to publish HTML from Grok chat
Whether you use Grok on X or at grok.com, it will write you a full website and Grok Studio will preview it side-by-side with the code. But xAI doesn't host your page — the preview disappears when the chat does. Here's how to give it a permanent address for free.
- 01
Open the code view
In Grok Studio your page shows as a live preview — switch to the code tab to see the HTML. In a plain chat answer it's in a code block.
- 02
Copy the HTML
Use the copy button on the code view or code block. If Grok wrote separate CSS or JS files, copy those too, or ask it to inline everything into one file.
- 03
Save it as index.html
Paste the code into any text editor — Notepad, TextEdit, VS Code — and save the file as index.html. The name matters: it's what browsers treat as your homepage.
- 04
Drop it in the box below
Drag index.html (or the whole folder) into the upload box on this page and hit publish. Your site gets its own web address instantly.
- 05
Share your link
That's it — send the URL to anyone. You can rename the site, update the files, or delete it from your dashboard whenever you like.
Drop your Grok HTML here
One file or a whole folder — you'll get a live link the moment it's published.
Drag your website here
Drop a folder with your index.html — or just paste HTML from your clipboard — and we'll put it online in seconds. No setup, no config, no headaches.
Or let Grok publish it for you
Skip the copying entirely. Copy our ready-made instructions, paste them into your Grok conversation, and it can upload the site through our API — you get back a live link and a private claim link to take ownership.
Working in a terminal instead? Run npx hosting — no account needed.
Grok publishing questions
Can I share my Grok Studio preview directly?
No — the Studio preview only renders inside your own Grok session. There's no public link to hand out. Publishing the code here creates a real URL anyone can open.
I used Grok inside X. Is it any different?
The steps are the same: find the code block in the conversation, copy it, save it as index.html, and drop it in the box below. Where you chatted doesn't matter — only the HTML does.
What's the easiest way to publish HTML from Grok?
There are three. Easiest: copy the HTML from Grok and paste it into the box on this page — we turn it into a live site instantly. Long term: install our browser extension and publish from AI chats with one click. Hands-off: copy our AI instructions into your Grok conversation and it publishes through our API for you.
Do I need an account to publish?
Publishing from this page takes a free account, so your site has a home in your dashboard. Prefer no sign-up? Run npx hosting in a terminal — it deploys without an account and gives you a private claim link for later.
What if Grok gave me more than one file?
Put everything in one folder — index.html at the top, plus any CSS, JavaScript, and images it references — and drag the whole folder into the box. Up to 500 files and 50 MB per site.
How much does it cost, and how long does the site stay up?
It's free, and published sites don't expire — they stay live until you delete them from your dashboard. Re-upload anytime and the link stays the same.
Using a different AI chat?
The recipe is nearly identical everywhere — pick your tool for the exact steps.