Launching today
Claude Artifact Player
Run Claude artifacts locally
69 followers
Run Claude artifacts locally
69 followers
Run your Claude AI artifacts natively on your Mac, fully offline. No browser. No cloud. Instant playback. Claude Artifact Player lets you open and run the interactive files that Claude's Artifacts feature generates — HTML pages, React JSX components, and TypeScript TSX files — directly on your Mac, without a browser and without uploading anything anywhere.
Claude Artifact Player
Claude Artifact Player lets you open and run the interactive files that Claude's Artifacts feature generates — HTML pages, React JSX components, and TypeScript TSX files — directly on your Mac, without a browser and without uploading anything anywhere.
WHAT IT DOES
Claude (Anthropic's AI) can generate standalone interactive files: data visualisations, UI prototypes, dashboards, calculators, mini-apps, and more. Claude Artifact Player is the fastest way to run those files locally.
KEY FEATURES
• Open any .html, .jsx, or .tsx artifact file in one click
• Watch a folder — the app auto-discovers artifacts as you add files and lists them in a sidebar
• Persistent folder memory — your folder is remembered across relaunches
• Fully offline — React 18 and Babel are bundled inside the app, no internet required for rendering
• Reload with ⌘R while you edit files externally
• Reveal any artifact in Finder with a right-click
PRIVACY FIRST
Claude Artifact Player never connects to the internet to render your artifacts. All JSX/TSX transpilation happens inside a sandboxed WebView on your Mac. Your files never leave your machine.
WHO IT'S FOR
• Developers and designers exploring Claude-generated UI prototypes
• Data analysts running Claude-built visualisations and dashboards
• Prompt engineers iterating on artifact outputs without copy-pasting into a browser
• Anyone who wants to keep a local library of AI-generated interactive tools
REQUIREMENTS
macOS 15 Sequoia or later.
Developed by Creative AI Studio — your partner for Generative AI.
@alsarem I have a question that , how are you handling compatibility as Claude's artifact formats evolve over time , especially for more complex React or TSX based artifacts ?
Claude Artifact Player
@liam_bailey2
Hi Liam, great question!
Technically, our player runs a Node.js server that spins up a complete, isolated environment for each artifact — handling all the necessary setup and dependency installation automatically.
So even as Claude continues to evolve and generate more complex artifacts, they ultimately compile down to Node.js applications, which means there are specific requirements that need to be installed fresh each time to ensure everything runs correctly.
Hope that clears things up! Feel free to ask if you have any follow-up questions. 😊