Nippy.host
Help center

Host a Claude Artifact at your own address

Updated 12 June 2026

Claude’s Artifacts are small working products — pages, games, dashboards, little tools — but they live inside the chat, and sharing one from claude.ai means a link on the AI platform: its address, its frame, its rules. Hosting the artifact yourself 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

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 host 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.

More guides

Still stuck?

Our team is happy to help with anything Nippy.

Get in touch