How to publish HTML from Gemini chat
Gemini writes solid HTML and its Canvas mode even shows a live preview — but that preview lives inside your Google account, not on the web. To send someone a link that just works, the code needs a host. Here's the fastest free way to do it.
- 01
Open the code
In Canvas, switch from the preview to the code view. In a regular chat answer, your page is in a code block — scroll to it.
- 02
Copy it
Click the copy icon on the code block (or select all inside Canvas and copy). That's your entire website on the clipboard.
- 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 Gemini 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 Gemini publish it for you
Skip the copying entirely. Copy our ready-made instructions, paste them into your Gemini 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.
Gemini publishing questions
Gemini Canvas already previews my page — why do I need hosting?
The Canvas preview only exists inside your Gemini session. There's no public URL behind it, so nobody else can open it. Publishing here gives the page its own address anyone can visit.
Does this work with pages built in Google AI Studio?
Yes. AI Studio lets you download your app's files — grab the folder, make sure it has an index.html, and drag the whole thing into the box below.
What's the easiest way to publish HTML from Gemini?
There are three. Easiest: copy the HTML from Gemini 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 Gemini 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 Gemini 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.