Host your Claude artifact as a real website

Claude built the page and it looks right in the artifact panel. Paste its code below and get an address you can send to anyone, with HTTPS and your own name in it.

  • An address like your-name.hostilo.page with HTTPS
  • Up to 5 pages and 50 MB, no card
  • A code editor with a live preview

Your code stays in this browser. After you create a free account it is already waiting in the editor.

Hostilo is in Claude's connector directory

Add Hostilo to Claude once, then just say "publish this on Hostilo". Claude sends the files itself, no copying.

Add to Claude

How it works

  1. Open the artifact in Claude and use Copy (or Download) in the top corner of the panel.
  2. Paste the code here and click Publish. Create a free account with your email.
  3. Pick a name. Your page goes live at name.hostilo.page and you can edit it in the browser.

A prompt that gives you code ready to publish

Build this as a single HTML file with the CSS and JavaScript inside it, not as a React component. No external files except fonts and libraries loaded from a CDN. Page:

Paste it into your AI chat and describe your page after the colon.

Problems people usually hit

Claude gave me a React component, not HTML

React artifacts (.jsx) need a build step. Ask Claude: "Convert this artifact to one standalone HTML file that loads React from a CDN". The result pastes straight into Hostilo.

Images are missing after publishing

Claude often points to files that only existed in the chat, like image.png. Upload the images in the editor's Files tab with the same names, or ask Claude to use image URLs.

Polish, German or other accented letters look broken

Check that the code has <meta charset="UTF-8"> in the head. Claude usually adds it, but it gets lost when you copy only part of the code.

What you get on the free plan

PRO adds your own domain, 20 pages, 1 GB, no badge and a year of stats, for $29 a year. Try it free for 7 days after you sign up.

Questions

Isn't Claude's own Publish button enough?

It shares the artifact on claude.ai. Hostilo gives it a normal website address, lets you edit the code, add subpages, connect a contact form and later your own domain.

Can Claude publish to Hostilo without copying?

Yes. Add the Hostilo connector (https://hostilo.app/mcp) in Claude, approve access, and say "publish this on Hostilo". Claude sends the files itself.

Will the page stay online if I close the chat?

Yes. The page lives on Hostilo, not in the conversation. On the free plan just log in once a month so it doesn't pause.

Can I change the page later?

Open it in the editor, change the text or code and save. Or paste a new version from Claude over the old one. The last versions are kept so you can go back.

Read the full guide

How to Publish a Claude Artifact as a Real Website

Related guides

Put the website ChatGPT made onlineFrom the ChatGPT chat or Canvas to a live link.Let your coding agent publish the websiteClaude Code, Codex, Cursor publish on their own.Upload a ZIP, get a websiteA whole folder online in one upload.All guidesWhat do you want to put online?

Your page can be online in a minute

Sign up with an email address and a password. Free plan, no card.

Start free