🦉 Open Artifacts

Open Artifacts is a free, open-source project that clones the functionality of Claude while supporting the generation of Artifacts with Anthropic and OpenAI LLMs using the user's API keys.

The Artifact viewer is implemented using Open Artifacts Renderer.

Features

• 🎨 Generate Artifacts with Anthropic and OpenAI LLMs
• 📸 Crop and 🔊 Talk to iteratively edit Artifacts
• 🎛️ Utilizes user's API keys 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