Claude Artifact Player is a macOS app that lets you open and run Claude-generated artifacts — HTML, SVG, React JSX, and TSX — directly on your Mac. It provides a secure sandboxed WebView for live previews at desktop, tablet, and phone viewports. Watched folders auto-discover and organize artifacts, with persistent library, recents, and favorites. Files never leave your machine, no internet needed for rendering. Built by Creative AI Studio, coming soon to Mac App Store.
Free Trial
How to use Claude Artifact Player?
Download the app from the Mac App Store when launched. Point it to a folder where Claude saves artifacts. The app auto-discovers and displays them in a library. Click any artifact to open it in a sandboxed WebView. Use viewport toggles to switch between desktop, tablet, and phone previews. Edit files externally and reload with ⌘R. Organize favorites and recents via the sidebar.
Claude Artifact Player 's Core Features
Run Claude artifacts locally: HTML, SVG, React JSX, TSX
Sandboxed WebView for secure rendering, no internet needed
Live preview at desktop, tablet, and phone viewports
Watched folders: auto-discover and organize artifacts
Persistent library, recents, and favorites sidebar
External file editing with instant reload (⌘R)
Native macOS app built with SwiftUI
Claude Artifact Player 's Use Cases
Preview and test Claude-generated UI components before deployment
Iterate on React prototypes by editing files externally and reloading
Organize a local library of AI-generated design assets
Demo responsive web artifacts to clients or team members
Run offline HTML/JS tools created by Claude on your Mac