How to share a game you made with Claude
Short answer
You have two routes. For a quick share, publish the artifact from claude.ai and send the link. For a game that lives on the open web, save it as an HTML file and host it: upload it to Joystumble or itch.io, or deploy it free on Cloudflare, Netlify, or GitHub Pages.
Artifact links only play on claude.ai. They can't be embedded in other sites, so game portals and discovery sites need the file itself.
Claude can build a surprisingly complete game in one conversation: a poker table with bots, a tower defense, a 3D flight toy. Then you hit the awkward part. It lives inside claude.ai, and you want other people to play it.
Artifact or Claude Code: which do you have?
- An artifact is the game that appears in the side panel of a claude.ai conversation. It's usually a single HTML file, or a React component (a
.jsxfile). - A Claude Code project is a folder of files on your computer that Claude Code wrote. You already have the files; skip to hosting.
Option 1: publish the artifact
From the artifact, use the share or publish option to create a public link. Anyone with the link can open and play it on claude.ai, and people with a Claude account can make their own copy to remix.
This is the fastest way to send a game to friends or post it on X. The limits:
- The game only runs on claude.ai. Other sites can't show it inside their pages, so it can't be listed on game portals, itch.io, or Joystumble as a link.
- You don't control the URL, the preview image, or analytics.
Option 2: get the game out as a file
To put the game anywhere else, you need its code as a file:
- Open the conversation where Claude made the game.
- Use the artifact's copy or download option to get the code. If you copy it, paste it into a new file.
- Name it
index.htmlif it's HTML. If it starts withimportlines andexport default function, it's a React component: name itgame.jsx. - Open an
.htmlfile in your browser to check it runs before sharing.
React artifacts: a .jsx file won't open on its own in a browser. It needs React and a build step, or a host that wraps it for you. Joystumble's upload does this automatically: drop in the .jsx and it runs.
Things that won't work outside Claude
Some artifacts use features that only exist on claude.ai: saving data with Claude's built-in storage, or asking Claude questions from inside the app. Those parts stop working elsewhere. Games that only use normal browser features (canvas, WebGL, sound, localStorage) work everywhere.
Where to host the file
| Option | How | Good for |
|---|---|---|
| Joystumble upload | Drop the .html or .jsx on the submit page | Fastest: hosting and players in one step |
| itch.io | Zip the file, upload as an HTML5 game | A permanent game page, jams |
| Cloudflare / Netlify | Deploy a folder with index.html | Your own URL, full control |
| GitHub Pages | Push index.html to a public repo | Free, simple, version history |
We compare these in detail in how to host an HTML game for free.
Share it on Joystumble in two minutes
- Go to joystumble.com/submit and choose Upload a file.
- Drop in your
.htmlor.jsx. You'll see a live preview right away. - Pick "Vibe-coded", add "Claude" as the tool, and write one sentence about the game.
- Choose free review, or $1 to go live immediately. You get a share link to post everywhere else.
Where to post it next
Once your game has a real URL, post it where players look for new games. Our guide to where to post vibe-coded games covers the communities that welcome AI-made games, and where to share your web game covers everywhere else.
FAQ
Can I embed a Claude artifact on my website?
No. claude.ai doesn't allow its pages to be shown inside other sites. Save the game's code as a file and host that instead.
How do I host a game I made with Claude for free?
Save it as index.html and upload it to Joystumble or itch.io, or deploy it on Cloudflare, Netlify, or GitHub Pages. All of these have free options.
My artifact is a .jsx file. How do I run it outside Claude?
A React component needs React loaded around it. Joystumble's upload wraps .jsx and .tsx artifacts automatically. Elsewhere you'd set up a small React project (for example with Vite) and build it.
Do I have to say my game was made with AI?
Platforms have different rules, and some require it. On Joystumble you choose vibe-coded, hand-made, or a mix, and players like knowing. Being upfront also avoids a pile-on in the comments later.