Open Artifacts

Open Artifacts is a free, open-source project that clones the functionality of Claude.ai while supporting the generation of Artifacts using the user's Claude API key.

The Artifact viewer is implemented using Open Artifacts Renderer.

Features

• Claude.ai-like interface and functionality
• Support for Artifact generation
• Utilizes user's Claude API key for interactions

Tech Stack

• Next.js - React framework
• Supabase - Database and Auth System
• Claude API - LLM API
• shadcn/ui - Component Library
• Vercel AI SDK - Toolkit for building AI-powered applications

Getting Started

1. Clone the repository:

   git clone https://github.com/13point5/open-artifacts.git
   

2. Navigate to the project directory:

   cd open-artifacts
   

Supabase Setup

1. Install the Supabase CLI

2. Create a Supabase project

3. Initialize Supabase locally

   supabase init
   

4. Link your local project to your remote Supabase project

   supabase link --project-ref <your-project-ref>
   

5. Apply Migrations

   supabase db push
   

6. Copy env variables from your Supabase project

   NEXT_PUBLIC_SUPABASE_URL=
   NEXT_PUBLIC_SUPABASE_ANON_KEY=
   

App Setup

1. Install dependencies:

   npm install
   

2. Run the development server:

   npm run dev
   

3. Setup Open Artifacts Renderer and set the NEXT_PUBLIC_ARTIFACT_RENDERER_URL env variable to the URL of the renderer.

   NEXT_PUBLIC_ARTIFACT_RENDERER_URL=
   

4. Open http://localhost:3000 in your browser to see the application.

License

This project is licensed under the MIT License.

Acknowledgments

• Inspired by prompt2ui by sullyo, from which code has been used in this project
• Anthropic for the Claude API and for doubling the token limit
• The open-source community for the amazing tools and libraries used in this project