How to publish HTML from Claude chat
Claude is brilliant at building single-file websites — landing pages, presentations, little games — but Anthropic doesn't host them. Your page lives in an Artifact inside claude.ai, and the people you want to show it to don't have your chat. Here's how to move it from the chat to a real, shareable web address in about half a minute.
- 01
Open the Artifact
Your page appears in Claude's side panel as an Artifact with a live preview. Click it so the preview panel is open, then switch to the code view if you want to peek at the HTML.
- 02
Copy or download the code
Use the copy icon at the bottom of the Artifact panel, or the download button to save the file straight to your computer. Either way you now have the full HTML.
- 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 Claude 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 Claude publish it for you
Skip the copying entirely. Copy our ready-made instructions, paste them into your Claude 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.
Claude publishing questions
Claude gives me a share link for Artifacts — isn't that enough?
A published Artifact link opens inside claude.ai with Claude branding around it, and viewers may be asked to sign in. Publishing here gives you a plain website on its own address that anyone can open in any browser — no account, no chrome around your page.
What if I'm using Claude Code in the terminal?
Then your files are already on disk — even easier. Run npx hosting inside the project folder and it deploys everything, or paste our AI instructions into Claude Code and it will publish the site for you through our API.
What's the easiest way to publish HTML from Claude?
There are three. Easiest: copy the HTML from Claude 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 Claude 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 Claude 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.