Claude Artifact Player

Run your Claude AI artifacts natively, No browser. No cloud.

Productivity

User Experience

Artificial Intelligence

Visit WebsiteSee on Product HuntApp Store ⧉

Running interactive TSX/JSX components completely offline is a massive win for privacy. Are these rendered inside an isolated local sandbox like an Electron instance, or how are you handling secure execution locally? Congrats on the launch!

One thing we've noticed with AI workflows is that artifacts often outlive the conversation that created them.

Do users mostly revisit artifacts for reference, or are they becoming reusable building blocks that get incorporated into future workflows?

Bundling React 18 and Babel inside a sandboxed WebView to handle JSX/TSX transpilation locally is a smart call. You skip shipping a separate runtime layer while keeping execution fully offline. I've run into the same tradeoff between isolation and dependency freshness. Do you plan to support ESM imports, or do all dependencies need to be bundled at the app level?

Running artifacts locally solves a reproducibility problem that browser-sandboxed execution doesn't. We've built pipelines that generate Claude artifacts as outputs and realized testing them required the browser sandbox, adding friction. How do you handle artifact dependencies locally? Is there a containerized runtime, or does it rely on the host environment's installed packages?

Interesting use case. Does it handle artifacts that make API calls, or doesn't offline mode allow that?

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.

@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 ?