How do I open a Claude HTML artifact on iPhone?

Short answer

Claude can show artifacts right in the app, which is great for a first look. To keep a Claude HTML artifact on your iPhone, save its code as an .html file using the artifact's download or copy option, then share that file to HTML Keep. It opens as a working page and stays in a local library you can return to.

Artifacts live in the chat until you save them

An artifact is the separate panel where Claude puts things like a web page, a small tool or an interactive chart. Inside the Claude app you can usually view and interact with it right away.

The catch is that the artifact belongs to the conversation. To open it offline, find it without hunting through chats, or send it to someone as a file, you need the artifact as a standalone .html file on your device.

Saving the artifact as an .html file

Look for the download or copy option on the artifact itself. Menu names and placement change between versions of the Claude app and website, so check the artifact's toolbar or its more options menu.

If you can download it, choose the HTML file and save it to the Files app. If you can only copy the code, you will need to save that code as a file with an .html ending, for example in a text editor on a computer, and AirDrop it to your phone.

• Some artifacts are written as React components rather than plain HTML. Ask Claude to "convert this artifact into one self-contained .html file" before saving it.
• If you want the file to work offline, ask Claude to avoid external libraries where possible, or accept that CDN-loaded scripts need internet.
• If the artifact uses images or sounds, ask for them embedded in the file or delivered together as a ZIP.
• Name the file after what it does, such as flashcards.html, rather than a generic name like artifact.html.

Open the saved artifact on your iPhone

1. Install HTML Keep from the App Store (download page).
2. In the Files app, find the .html file you saved from Claude.
3. Touch and hold it, tap Share, and choose HTML Keep. You can also tap Open File inside the app and pick it.
4. The artifact opens full size, rendered by Apple's WebKit engine, with its JavaScript, dialogs and in-page navigation working.
5. Rename the project and give it an icon so a quiz, calculator or mini app is easy to spot in your library.

Fixing common artifact problems

• Blank page: the file may be a React or other component snippet that needs a build step. Ask Claude for a single plain HTML file with everything inlined.
• Shows code in Files: tapping the file triggers Quick Look, which typically doesn't run scripts. Open it in the viewer instead. More on this in why HTML doesn't render in the Files app.
• Calls to an API fail: anything that depends on a server or on features of the Claude app itself won't work from a local file.
• Download buttons in the page: when the artifact generates a CSV, JSON or image, the file is handed to the share sheet so you can save it to Files or Photos.
• Text too small or cut off: ask Claude to adjust the layout for a phone screen, then import the new version.

Keeping your artifacts organized

Over time you may collect a handful of useful artifacts: a unit converter, a study flashcard deck, a budgeting table. Each one becomes its own project, searchable by name and by the text inside the page.

Tools that save to localStorage remember their data between visits, and with iCloud sync on the same Apple Account the library can continue on your iPad. For artifacts you use daily, a Home Screen widget or shortcut opens them in one tap.

When Claude revises an artifact, save the new file with the same name and open it again. You can update the existing project, which keeps one previous version, or import it as a new one.