Artifacts

Artifacts is a feature in claude.ai that routes significant, self-contained content — such as code, documents, data visualizations, or interactive apps — into a dedicated side panel to the right of the chat window, rather than inline in the conversation. This separation makes it easier to review, iterate on, copy, preview, and share outputs without losing conversational context. Artifacts are sandboxed environments where rendered HTML, JavaScript, React components, SVG graphics, and Markdown documents can be previewed live directly in the browser. Artifacts go beyond static file display. Users can publish or share artifacts via a link, embed them on external websites, and even build AI-powered mini-apps where end users interact with Claude's intelligence inside the artifact itself — no API keys or deployment infrastructure required. Usage from shared or published artifacts counts against each individual user's own plan limits, not the creator's. The feature is available on all claude.ai plans (Free, Pro, Max, Team, and Enterprise) and is enabled by default. A dedicated Artifacts library in the Claude sidebar stores all artifacts you've created, and a version history lets you track and restore earlier iterations. Advanced integrations include MCP (Model Context Protocol) connections to external services and Live Artifacts for real-time data dashboards in Claude's Cowork environment.