Launching today
Claude Artifact Player
Run Claude artifacts locally
135 followers
Run Claude artifacts locally
135 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. 😊
This fixes a very specific Claude workflow problem.
Artifacts are great while they’re inside the chat, but once I want to save one, tweak it, reopen it later, or show it like a normal little app, the flow gets awkward.
The folder watching and local reload are the details I’d probably use most. It turns artifacts from “cool thing Claude made once” into something I can keep editing on my Mac.
Claude Artifact Player
@alicia_data Exactly
The local editing will be a future feature in our app ;)
Interesting use case. Does it handle artifacts that make API calls, or doesn't offline mode allow that?