How to download a Claude artifact as an HTML file, and share it as a link

You built a quiz, a calculator, or a one-page site in Claude, and now you want the file: to keep it, to send it, or to put it on a host. What you can save depends on how the artifact was made. This guide goes through each kind, shows how to turn the code into an .html file that opens in any browser, and lists what stops working once the file leaves Claude.

Already have the code? Paste it into the upload box at the top of this page. You get a preview link without an account. That preview runs no scripts. Click Keep this page — free, no card and sign up, and the page moves into your account, where its scripts run.

What you can save from each kind of artifact

Anthropic's artifacts guide says artifacts are available on Free, Pro, Max, Team, and Enterprise plans, and that they need code execution and file creation turned on (Settings > Capabilities on Free, Pro, and Max; Organization settings > Capabilities on Team and Enterprise). It describes 2 ways to get a file out:

• Artifacts made from a template. Click Export. The guide lists Docs as Word, PDF, Markdown, and Google Docs; decks as PowerPoint and PDF; designs as a .zip, PDF, PowerPoint, or standalone HTML; and animations as MP4 video.
• Legacy artifacts. These are artifacts made in a chat before September 16, 2026. The guide says to "use the controls at the top of the artifact panel to view the code, copy the content, or download it."

For an artifact you ask for in a chat today without a template, the guide names no download control. Ask Claude for the page as one HTML file and copy the code from the reply. Anthropic's file creation guide lists Excel, PowerPoint, Word, and PDF files as the files Claude creates for you to download. It doesn't list HTML.

Sources for the table, read on October 21, 2026: Anthropic's artifacts guide, file creation guide, and Claude Code's artifacts docs. In Claude Code, the docs say that unless you name a location, "Claude writes the page to an HTML or Markdown file in a temporary directory outside your project." Ask Claude Code to save a copy in your folder.

For a Claude Design page, upload the exported standalone HTML as it is. How to publish a Claude Design website covers that file.

Save the code as an .html file in 4 steps

These steps work for any artifact whose code you can copy: a legacy artifact, or a page Claude writes out for you in the chat.

1. Ask Claude for one HTML file

Paste this into the same chat:

Put it in one code block in your reply, not in an artifact.
Give me this artifact as one complete HTML file, from <!DOCTYPE html> to </html>.
Put all the CSS and JavaScript inside the file.
If it's a React component, rewrite it as plain HTML and JavaScript with no build step.
Remove anything that calls Claude, uses connected apps, or saves data in Claude's storage.

The last line matters because those features run inside Claude. The section on what stops working outside Claude explains why.

2. Copy all of the code

Copy the whole reply's code block, from the first <!DOCTYPE html> to the last </html>. A page cut off halfway shows up broken or blank.

3. Save it as a plain-text file ending in .html

Open a plain-text editor, such as Notepad on Windows or TextEdit on a Mac, paste the code, and save the file with a name like quiz.html. Check that the name ends in .html and not .html.txt.

On a Mac, Apple's TextEdit guide gives the steps: choose File > New, then Format > Make Plain Text. Paste the code, choose File > Save, and type a name ending in .html. When TextEdit asks which extension to use, click Use .html.

4. Open it in your browser

Double-click the file. It opens in your computer's browser. Click through it once: press the buttons, open the tabs, and finish the quiz. If something is missing, see the next section before you send it.

Open it on your computer and your phone first

We opened 3 test files straight from a folder in Chromium on October 21, 2026:

• A page written as one HTML file showed its heading and its button, drawn by its script.
• A React component saved as .html showed its own code as text, with one button that did nothing. A browser can't run React code like that without a build step, so ask Claude for plain HTML, as in step 1.
• A page that read data with Claude's storage showed a blank screen. Its script stopped at the first storage call, because a file opened from a folder has no storage behind it.

On an iPhone, tapping an .html file in Files opens a preview. In Convika's iOS 26.3 test, that preview ran no JavaScript, so a quiz or game won't respond there. To test your own file on a phone, open Convika's free HTML viewer in the phone's browser and tap Choose an .html file. Your browser reads the file, and it isn't uploaded. How to open an HTML file on iPhone has the full test.

Share it as a link without a Claude login

Claude's own Share button gives a claude.ai link. Anthropic's sharing guide says: "Everyone needs a Claude account. People without one can't open a shared artifact, even with the link. The only exception is a legacy artifact published from a chat." Claude Code's artifacts docs add public links that open with no claude.ai sign-in. Sharing with Anyone with the link is on Pro, Max, Team, and Enterprise plans. Publishing a legacy chat artifact is on Free, Pro, and Max.

A file you saved has no such rule. Put it on a host, and anyone opens the address in a browser. With Convika:

1. Drop the file into the upload box at the top of this page, or paste the code. You get a preview link without an account. It works for 3 minutes, with scripts and forms off.
2. Click Keep this page — free, no card and sign up. The page moves into your account, and its scripts run in the dashboard preview.
3. Click Publish. The first time you publish, Convika asks you to Choose how to publish your page. Free costs $0 and adds a small Convika bar at the bottom. The other choices are the 1-year Pro pass ($29 once) and Pro monthly, which remove the bar.
4. Copy the address, such as yourpage.convika.page, and send it in a chat or an email, or show its QR code.

On Free, the page is published as Public: anyone with the link can open it, and it may show up in search results and in Convika's gallery. To keep it out of both, choose Private link (Pro or pass) when you publish. Anyone with a private link can still open it.

The Free plan includes 10,000 page views a month across all your pages, and the dashboard shows how many people opened the page. Pricing lists what each plan includes. How to publish a Claude artifact as a website adds a form that keeps sign-ups and your own domain. How to share an HTML file from Claude compares a link with an email attachment. Teachers whose students have no Claude accounts can follow How to share a Claude artifact with students.

What stops working outside Claude

• Features that use Claude. Anthropic's artifacts guide says an artifact that calls Claude "runs on Anthropic's infrastructure", and the people using it sign in with their Claude account. In a saved file, those calls have nothing to answer them.
• Connected apps. An artifact that reads Asana, Google Calendar, or Slack does it through Claude's connectors. A saved file can't.
• Claude's storage. Artifacts on Pro, Max, Team, and Enterprise can store data between sessions. That data stays in Claude, and a page that waits for it can show a blank screen, as in our test.
• React components. Ask Claude to rewrite the code as plain HTML and JavaScript before you save it.
• Files beside the page. A picture saved as photo.png next to the HTML file doesn't travel with a single file. Ask Claude to use full https:// image links instead.
• Calls to other sites on a Free Convika page. A script on a Free Convika page can call only the page's own address, so an artifact that fetches data from another site's API gets nothing back. Pro adds only the analytics tools Convika supports.

Convika takes .html and .htm files up to 2 MB, one file per page.

Frequently asked questions

How do I download a Claude artifact as HTML?

It depends on the kind of artifact. A design made from the Design template exports as standalone HTML from Export. A legacy artifact, made in a chat before September 16, 2026, has controls at the top of its panel to view, copy, or download the code. For anything else, ask Claude in the same chat for the page as one complete HTML file, then copy the code and save it as a file ending in .html.

How do I save an artifact as an HTML file?

Ask Claude for one complete HTML file with the CSS and JavaScript inside, and copy all of the code. Paste it into a plain-text editor, such as Notepad, or TextEdit after Format > Make Plain Text, and save it with a name like page.html. Double-click the file to check it in your browser before you send it.

Can I open a Claude artifact without Claude?

Yes, once you save its code as an HTML file or publish that file on a host. The page opens in any browser. Parts that call Claude or read connected apps stop working, because they run inside Claude. Parts that save data in Claude's storage stop working too, except on a Convika page, which provides the same storage calls (window.storage). A Claude Share link itself opens only for people signed in to Claude, except a legacy chat artifact published with Publish and, by Claude Code's docs, a Claude Code artifact shared publicly.

How do I share a Claude artifact with someone who has no account?

Send a link to a hosted copy of the page instead of a claude.ai link. Save the artifact's code as an HTML file and upload it to a host. On Convika, the upload box makes a preview link without an account, with scripts off. Keep the page on the Free plan and publish it, and anyone opens the address in a browser, with no Claude or Convika account.

Why does my downloaded artifact show a blank page?

The most common causes are code that isn't a whole HTML page, such as a React component, and a page that waits for something a saved file doesn't have, such as Claude's storage or a call to Claude. In our test, a page that read Claude's storage showed a blank screen, and a React component showed its code as text. Ask Claude for plain HTML with those features removed. A file opened in an iPhone preview can also look dead, because that preview runs no scripts.

Sources

• What are artifacts and how do I use them? (Anthropic) (checked October 21, 2026)
• Share artifacts (Anthropic) (checked October 21, 2026)
• Create and edit files with Claude (Anthropic) (checked October 21, 2026)
• Artifacts (Claude Code Docs) (checked October 21, 2026)
• Work with HTML documents in TextEdit on Mac (Apple) (checked October 21, 2026)