claude-artifact-runner

From Claude Artifact to deployable React app — in seconds!

reactboilerplatecanvasaiartifactsrechartsclaudetailwindviteshadcn-uitypescripttailwindcss
FreeRepo

Preview

claude-artifact-runner preview

Overview

Claude Artifact Runner is a command-line tool that converts Claude AI-generated web app code into runnable, buildable, or deployable React applications without manual setup. It uses React, TypeScript, Vite, Tailwind CSS and Shadcn UI to let developers instantly preview Artifacts locally, build them as standalone HTML files, or scaffold full projects for further development.

Features

zero-config npx toolsingle-file and multi-file buildsfile-based routingartifact runnerdevelopment serverproduction buildstypescript supportshadcn-ui componentsrecharts integrationlucide-react iconsvite bundlingtailwind styling

Feature Flags

userDashboardauthenticationsubscriptionsinvoicesblogecommercefileUploadsrealtimeteamsOrgssearchainotificationscachingformsValidationmultitenancy

Recommended Use Cases

run claude ai artifacts locallybuild deployable react apps from artifactscreate full-stack projects from artifactscombine multiple artifacts into multi-page appsrapid prototyping with ai-generated codedeploy to any web hosting service

Frontend

reacttypescriptvitetailwindcssshadcn-uirechartslucide-react

Backend

None

Auth Providers

None

Deployment Targets

vercelnetlifycloudflaregithub-pagescloudflare-pagestraditional-web-hostingcloud-hostinglocal

Payment Providers

None

Quick Facts

⭐ Stars
462
🍴 Forks
107
🔄 Active
Yes
🕒 Last Commit
2025-09-09T23:38:40.000Z

Stack

Framework
react
Language
typescript
CSS
tailwindcss

Data Layer

Databases
postgresql

UI Stack

Styling
tailwindcss
Components
shadcn-ui

Developer Experience

Docker
No
Tests
No
Quickstart
Yes
env.example
No

Pricing

Classification
free
Selected
Notes
Open source project with no pricing model
Get Started with this Boilerplate