Convert Claude Artifacts to PDF
Claude builds beautiful HTML artifacts: slide decks, one-pagers, dashboards, reports. But the moment you hit Ctrl+P to save one as a PDF, the design falls apart: gradient text turns into black blocks, shadows vanish, fonts fall back to Times. This converter renders your artifact in a real Chromium browser and captures it exactly as it looks on screen.
Your file is processed in an isolated browser and deleted immediately after conversion.
Why printing a Claude Artifact breaks it
- Claude loves `background-clip: text` gradient headlines. The print pipeline renders them as solid black or invisible text.
- `box-shadow` and `backdrop-filter` are dropped or flattened by Print to PDF.
- Artifacts sized in `100vh` slides get cut at random points across A4 pages.
- Web fonts often don't load in print mode, so your deck falls back to Times New Roman.
How to convert
- 1.In Claude, download your artifact as an HTML file (or copy the code into a .html file).
- 2.Drop the file into the converter above.
- 3.The engine detects whether it's a deck or a document, renders it in headless Chromium, and captures every slide at full resolution.
- 4.Download a PDF that matches the browser rendering 1:1, links included.
FAQ
How do I save a Claude Artifact as an HTML file?
In the artifact panel, use the download button and choose the HTML format, or copy the artifact code into a text file saved with the .html extension. Then upload that file here.
My artifact uses several files (CSS, images). Can I convert it?
Yes: zip the folder containing the HTML file and its assets, and upload the .zip. The converter serves the files exactly like a web server would.
Does it work with interactive artifacts (tabs, slide navigation)?
Yes. The engine detects slide-based artifacts, navigates through each slide (including keyboard-driven decks) and captures one PDF page per slide.