Effortless Hosting

How to publish a Claude artifact as a real website

A Claude artifact lives inside the chat it was created in. To turn it into a real website, copy the artifact's HTML and publish it to a subdomain — or connect Claude to Effortless Hosting over MCP and let Claude publish it for you.

Option 1: copy the HTML and publish it

  1. 1

    Get the artifact's HTML

    Open the artifact in Claude and use the copy button, or the download option, to get the full HTML. If the artifact is split across files, ask Claude to “give me this as one self-contained HTML file with the CSS and JavaScript inlined” — it will do it in one turn.
  2. 2

    Paste it into Effortless Hosting

    In your dashboard, paste the HTML into the editor or drag in the downloaded .html file. There is nothing to configure — no build step, no framework, no repository.
  3. 3

    Publish

    Your page goes live at your-name.effortless.host. Share the link with anyone; they do not need a Claude account or any login to view it.

Option 2: let Claude publish it for you

Effortless Hosting runs an MCP server, so Claude can publish and update your page directly. Instead of copying HTML around, you say “publish this” and the artifact goes live.

The server exposes three tools: publish_page to publish or update your HTML, get_page to read back the current page and its view count, and unpublish_page to take it offline while keeping the content.

Claude Desktop

Go to Settings → Connectors → Add custom connector, name it Effortless Hosting, and paste https://effortless.host/api/mcp as the remote MCP server URL. Leave client ID and secret blank — you will be prompted to log in the first time Claude uses it.

Claude Code

Add the server to your project's .mcp.json, using an API key generated in your dashboard:

{
  "mcpServers": {
    "effortless-hosting": {
      "type": "streamablehttp",
      "url": "https://effortless.host/api/mcp",
      "headers": { "Authorization": "Bearer YOUR_API_KEY" }
    }
  }
}

What works on a published artifact

Published pages run under a strict content security policy, so it is worth knowing what survives the move out of Claude.

  • Works: inline JavaScript, inline and external CSS, web fonts, images and video from any HTTPS source, fetch calls to HTTPS APIs, embedded iframes, and libraries from the major script CDNs — Tailwind, unpkg, jsDelivr, esm.sh and cdnjs. React, chart and 3D libraries all publish unchanged.
  • Blocked: scripts loaded from other hosts, and form submissions that post somewhere else. A form your own JavaScript handles is fine.
  • Not available: server-side code. Effortless Hosting serves static files, so an artifact that needs a backend needs one elsewhere.

If an artifact falls in the blocked column, asking Claude to “rewrite this as a single self-contained HTML file” is usually all it takes.

What it costs

The free plan covers one published page on a generated subdomain with uploads up to 5 MB, which is enough for essentially any artifact. Paid plans add more pages, larger uploads, a subdomain you choose and custom domains — see the full pricing comparison.

Frequently asked

Can I share a Claude artifact link directly?

Only with people who can open it in Claude, and the page stays inside Claude's interface. Publishing the artifact's HTML gives you a normal URL on your own subdomain that anyone can open in any browser, with no account and no Claude access needed.

Do artifacts that use React work?

Yes. React, ReactDOM and the in-browser JSX transform all load from the major CDNs, which published pages allow. If an artifact was built to run only inside Claude's own runtime, ask Claude to export it as a single self-contained HTML file and it will publish unchanged.

Does JavaScript run on the published page?

Yes. Scripts you write inline in the HTML run normally, as do fetch calls to HTTPS APIs, external stylesheets, web fonts and images. Libraries load from the major script CDNs — Tailwind, unpkg, jsDelivr, esm.sh and cdnjs — so React, chart and 3D libraries work as written.

How big can the artifact be?

Up to 5 MB on the free plan, which is far more than a self-contained HTML page normally needs. Plus allows 10 MB and Pro 50 MB.

Can I update the page after publishing?

Yes. Publish again with the new HTML and the live page updates immediately, on the same URL. Over MCP you can just ask Claude to make the change and publish.

Publish your first artifact

Effortless Hosting is in early access. Join the waitlist and we'll email you as soon as your spot is ready.