Skip to content
AI-generated HTML

How to share a Claude artifact as a normal link

Claude's artifacts — apps, games, dashboards, documents — are HTML underneath. You can share them inside Claude, or take the HTML and give it a URL of its own.

6 min readUpdated October 2026By the HTMLtoURL.dev team
Short answer

Claude can publish an artifact to a public claude.ai link from the artifact's menu. If you want a link that is independent of Claude — your own address, a password, edits at the same URL, or a page your company network does not block — copy or download the artifact's code, paste it into an HTML to URL converter, and share that URL instead.

Option A — Claude's built-in publishing

In the artifact panel, use the publish/share option to create a public link. It is the quickest route and keeps the "remix" connection to Claude. Things to know:

  • The page is shown inside Claude's interface and branding.
  • You cannot choose the address, add a password or edit the page outside the conversation.
  • Some school and corporate networks block AI-chat domains, so recipients may not be able to open it.

Option B — Host the artifact's HTML yourself

  1. Open the artifact and switch to the Code view.
  2. Copy all of it, or use Download to save the .html file.
  3. Paste or upload it at HTML code to URL, pick an address and publish.
Convert your HTML to a URL now
Paste code or drop a file, ZIP or folder. Free plan, custom address, password & editing included.
Get a URL

React artifacts need one extra step

HTML artifacts publish as-is. React (.jsx) artifacts are a component, not a page — they rely on Claude's runtime to compile them. Ask Claude: "Convert this artifact into a single standalone HTML file that loads React from a CDN and runs without a build step." The result is a normal HTML file you can host anywhere. The same applies to artifacts that use window.claude or Claude-specific storage APIs; ask for localStorage instead.

Which option when

You want…Claude publishYour own URL
Fastest possible share✓About 30 s more
Custom address—✓ name.htmltourl.dev
Password protection—✓
Edit later, same linkRepublish from Claude✓ Update content
No AI branding on the page—✓ (paid plans: no badge at all)
Viewers can remix in Claude✓—

Publishing straight from Claude Code or Claude with tools

If you work in Claude Code or another MCP-capable client, you can skip copy-paste entirely: connect the HTMLtoURL.dev MCP endpoint and Claude can call publish_html itself and give you the URL. Setup is in publishing HTML from AI agents.

Questions people ask

Can people without a Claude account see my artifact?

Published artifacts are viewable by link. Hosting the HTML yourself also removes any Claude interface from the page.

Why is my React artifact blank after hosting it?

JSX needs compiling. Ask Claude to convert it into a standalone HTML file that loads React from a CDN.

Can I password-protect a Claude artifact?

Not through Claude's link. Host the artifact's HTML at your own URL and set a password there.

Read next

Paste HTML. Get a URL.

Code, an .html file, a ZIP or a whole folder becomes a live HTTPS URL with your own address, an optional password and a QR code. Free to start with Google sign-in; paid plans keep URLs online for good.

Convert HTML to URL