React + Vite Template for Claude Artifacts

This template provides a setup for running Claude-generated UI artifacts in a React + Vite environment with Hot Module Reloading (HMR).

Getting Started

1. Clone this repository

2. Install dependencies: bash npm install

3. Run the development server: bash npm run dev

Using Claude Artifacts

To use your Claude-generated UI code:

1. Locate the src/components/Artifact.jsx file
2. Replace the contents with your Claude-generated artifact code

Adding a Route

1. Create a new file in the src/views directory
2. Add the file to the src/App.jsx file
3. Add a link and meta info to the src/Home.jsx file to show it in the index