How-to

How to Download and Export a Claude Artifact

Fiona Lau
Fiona Lau·Co-founder, ShareDuo
·April 22, 2026·3 min read·Updated May 19, 2026

Key takeaways

  • Click the download icon in the artifact panel to save as a self-contained .html file
  • If the button is missing, ask Claude: 'Give me the complete HTML for this artifact'
  • The exported file works in any browser — no internet or Claude account needed to open it
  • Upload to ShareDuo to get a public link anyone can open in under 10 seconds

Claude artifacts are HTML files. Getting them out of Claude is straightforward once you know where to look. Here are three methods, from easiest to most manual. For broader context, see the complete Claude artifacts guide.

Method 1: Download button

The simplest way. In the artifact panel on the right side of the Claude interface:

  1. Hover over the artifact
  2. Look for the download icon (an arrow pointing down, usually in the top-right of the panel)
  3. Click it — the file saves as artifact.html or similar to your downloads folder

The resulting file is a complete, self-contained HTML document you can open in any browser.

Method 2: Ask Claude to output the HTML

If you don't see a download button (sometimes it's hidden on certain plans or interfaces), just ask:

"Give me the complete HTML code for this artifact so I can save it as a file."

Claude will output the full HTML in a code block. Select all, copy, paste into a text editor, and save as myartifact.html.

Method 3: View source in full-screen mode

If the artifact is open in full-screen preview:

  1. Right-click anywhere on the preview
  2. Choose "View Page Source"
  3. Select all (Ctrl+A / Cmd+A), copy, and save as an HTML file

What can you do with the exported HTML?

Once you have the file, you have several options:

  • Open locally: double-click the file to open it in your browser — works immediately, no internet required
  • Share publicly: upload to ShareDuo to share the exported file with anyone, no Claude account needed
  • Deploy permanently: drop it into Netlify, Vercel, or GitHub Pages for a permanent URL
  • Embed: host it and use an <iframe> to embed it in another page

For the end-to-end version, see the full export-and-share workflow.

Can I export as PDF instead?

Not directly from Claude. The easiest way to get a PDF is to:

  1. Open the artifact (locally or via ShareDuo)
  2. Print the page (Ctrl+P / Cmd+P)
  3. Choose "Save as PDF" as the destination

For complex layouts, Chrome's print-to-PDF produces the cleanest results.

Ready to share your Claude artifact?

Free, no signup. Anyone can view the link — no Claude account needed.

Get my shareable link →