Share a Claude Artifact at your own link

Updated 3 July 2026

Claude’s Artifacts are small working products — pages, games, dashboards, little tools — but they live inside the chat. Sharing one from claude.ai means a link on the AI platform: its address, its frame, its rules. To share a Claude Artifact from a link of your own, host it yourself — it takes about a minute.

Open the artifact, switch from the preview to the code view, and copy everything; if the artifact is a React component, first ask Claude to “rewrite this as one self-contained HTML file”, which runs anywhere. On nippy.host, click “Create text file”, paste the code, and keep the suggested filename index.html. Pick an address like my-tool.nippy.site, confirm your email, and the artifact is a real website — HTTPS, any device, no Claude account needed to view it.

Files are served exactly as uploaded, so self-contained pages work as-is, including ones that load libraries from a CDN; what cannot run is server-side code, because Nippy’s hosting is static. The free plan covers one live site and 25 MB — a typical artifact is a few hundred kilobytes at most — and there is no expiry timer. When Claude improves the artifact, paste the new version over the old file and publish; the link already shared keeps working.

Step by step

  1. 1

    Copy the artifact’s code

    Open the artifact and switch from the preview to the code view, then copy it all. If the artifact is a React component, ask Claude to “rewrite this as one self-contained HTML file” first — that version runs on any host.

  2. 2

    Paste it into nippy.host

    Click “Create text file” on the upload card, paste, and keep the suggested name index.html. If Claude gave you a downloadable .html file, dropping that on the upload area works too.

  3. 3

    Pick your address

    Choose the your-name part of your-name.nippy.site — this is the link you’ll share, and it never expires.

  4. 4

    Confirm your email

    First time here, click the link we send and the site publishes. The artifact is now an ordinary website anyone can open — no Claude account needed.

Common questions

How do I share a Claude artifact?

Open the artifact’s code view and copy it, paste it into a new index.html file on nippy.host, pick an address like my-tool.nippy.site, and confirm your email. The artifact becomes a public web page anyone can open at that link — no Claude account needed — and the link never expires, so you can share it anywhere.

My artifact is a React component — will it work?

Not as-is: a bare React component needs the artifact runtime around it. Ask Claude to “rewrite this as one self-contained HTML file” — it will inline the markup, styles and script (loading React from a CDN if needed), and that single file hosts anywhere.

Can I share more than one artifact?

Yes — upload each as its own file or folder (quiz.html, tracker/…) and every one gets its own URL under the same address. The free plan covers one live site and 25 MB, which fits many artifacts.

Does the person opening my link need a Claude account?

No. The artifact is served as an ordinary web page — any browser, any device, no sign-in or app.

How do I update it after Claude improves it?

Paste the new code over the old file (or drop in the replacement) and publish the change in one click. The address stays the same, so the link you shared keeps working.

What won’t work?

Anything that needs a server: Python scripts, databases, secret API keys. Hosting is static — if the artifact needs those, ask Claude for a purely client-side version.

Can Claude publish the artifact for me?

Yes — Nippy has an MCP server. Add it as a connector on claude.ai (one URL, nothing to install) and “publish this as a website” returns a live link; later revisions update the same address. Setup for every Claude client is at nippy.host/mcp.

More guides

Still stuck?

Our team is happy to help with anything Nippy.

Get in touch