Turn any HTML page into
MP4, GIF, PNG, or JPG
in seconds.
Paste any Claude or ChatGPT artifact, upload an HTML file, or drop in a URL. Get back a polished file ready for decks, social, and clients.
No credit card · 5 free exports / month
“Finally, a way to share my Claude dashboards without screenshotting” — @aibuilder
“Saved me 20 minutes of screen recording” — @designengineer
“Works perfectly with Claude Code HTML outputs” — @devtools
Drop an HTML file, paste markup, convert.
Works with Claude / ChatGPT artifacts, exported pages, or any standalone HTML.
Renders JS & CSS animations
Real browser capture — not just a static screenshot. Motion, transitions, and interactive states all come through.
Built for AI-generated HTML
First-class support for Tailwind, canvas, Chart.js, SVG, and inline styles straight out of Claude, GPT, and v0.
Shareable link in one click
No S3 bucket, no uploads, no config. Hit export and get a public link your team can open anywhere.
// use cases
What people exportExport multi-section HTML as a PDF deck
Each <section> becomes a slide. Perfect for Claude Code HTML slideshows — keep the design, lose the screen-share.
- dashboard.html42 KBdone
- report-q3.html118 KBdone
- chart-revenue.html31 KBrendering
- prototype-v2.html87 KBqueued
- slides-intro.html54 KBqueued
Drop a folder of HTML, get a ZIP back
Upload up to 50 HTML files at once. Pick a format. We render in parallel and bundle the results so you don't babysit a queue.
- ✓ Up to 50 files per batch
- ✓ Mixed formats per file (MP4 + PNG)
- ✓ Single ZIP download · stable filenames
Push exports to GitHub or S3 automatically
Wire artifact.export into your Claude Code pipeline. Every render lands in the repo or bucket you choose — no manual download step.
npx artifact-export ./out/*.html \ --format mp4 \ --push github:acme/marketing-site \ --path /exports/
Your page, captured beautifully.
Auto-scroll · 8s · Loop
Built by teams shipping with AI · trusted across
HTML artifact
CSS animations
GIF · MP4
Three steps,
zero friction
Paste your HTML
Copy the artifact directly from Claude or ChatGPT. Paste, upload a file, or drop in a URL.
Pick a format
JPG, PNG, or WebP for static. MP4 or GIF for animated charts, dashboards, and interactive UIs.
Download and share
Your file is ready in seconds. Download it, post it, drop it in a deck — done.
Professional exports, zero fuss.
Everything you need to ship beautiful video and image assets from HTML.
Every format you need
MP4, GIF, WebP, PNG, JPG. Landscape, square, vertical.
Up to 4K @ 60fps
Adjustable resolution, framerate, and duration per export.
Batch export
Render multiple sizes & formats in a single click.
Transparent backgrounds
PNG and WebP exports with full alpha channel support.
Any viewport
Mobile, tablet, desktop, or custom dimensions.
Priority rendering
GPU-accelerated pipeline finishes most jobs under a minute.
Director-level control over every render.
Fine-tune capture and playback. From hands-off auto-scrolls to precise frame-level edits.
- Auto-scroll webpage recording
- Capture CSS & JS animations automatically
- Record interactions and transitions
- Loop seamlessly
- Start/end frame selection
- Custom viewport dimensions
Screenshots don't cut it
for animated output
Renders JS and CSS animations
Generic converters freeze on interactive content. This tool captures the full motion — charts that animate, UIs that transition.
Built for AI artifact formats
Handles the specific HTML Claude and ChatGPT produce — inline styles, canvas elements, Tailwind classes, all of it.
No screen recorder needed
Stop stitching together screenshots or running OBS for a 10-second clip. Paste HTML, get MP4.
Shareable anywhere
JPG for Notion, Slides, email. MP4 for Twitter, LinkedIn, client deliverables. Every format, one tool.
Start free,
export more when you need to
How people use artifact.export
Short answers to the questions people ask on Reddit, Quora, and Stack Overflow.
How do I export a Claude artifact as an image?
Claude's built-in share link gives you a URL, not a file you can drop into a deck or post on X. The usual workaround — screenshotting — crops badly on retina displays, loses interactive states, and freezes animated charts on whatever frame happens to be on screen. artifact.export was built for this exact case: paste the artifact's HTML (or its share URL), pick PNG, JPG, or WebP, and get a pixel-perfect file in seconds. Tailwind, inline styles, canvas, and Chart.js all render the same way Claude shows them.
Can you save ChatGPT HTML output as a video?
ChatGPT can generate HTML with CSS keyframes, canvas loops, or Chart.js animations, but there's no built-in way to capture that motion as a shareable file. Screen recorders pick up your cursor, browser chrome, and OS notifications, then output a 40 MB MOV that nobody wants to watch. artifact.export renders the page in a clean headless browser, records the animation, and exports an MP4 or GIF — no cursor, no chrome, no extra software.
How do I convert an HTML canvas animation to MP4?
Canvas animations are JavaScript running in real time, so static screenshot tools and most "HTML to image" services miss the motion entirely. The DIY path is Puppeteer plus ffmpeg plus a frame-stitching script, which is fine if you want to spend an afternoon on it. artifact.export does that pipeline for you: upload the HTML, choose duration and frame rate, and download a clean MP4. Works with requestAnimationFrame loops, Chart.js, Three.js, Lottie, and CSS keyframes.
What's the best way to screenshot an AI-generated dashboard?
AI-generated dashboards usually overflow the viewport, use custom fonts that don't load in screenshot extensions, and render charts after the page "looks" done — so naive capture tools cut off rows or freeze blank charts. artifact.export waits for fonts, network requests, and animation frames to settle before capturing, then exports the full-height page as PNG, JPG, WebP, or a multi-section PDF. Built specifically for Claude, ChatGPT, and Claude Code HTML output.
Does artifact.export work with Claude Code outputs?
Yes. Claude Code often produces standalone HTML files with Tailwind classes, embedded scripts, and Chart.js charts. Drop the .html file (or a whole folder via batch export) into artifact.export and it renders exactly as Claude Code intended — no missing styles, no broken charts, no manual fix-ups.
Stop screenshotting. Start exporting.
Create your account and convert your first HTML artifact in under a minute.