Skip to content

🦉 Open Source clone of Claude.ai that can generate Artifacts

License

Notifications You must be signed in to change notification settings

code/app-open-artifacts

 
 

Repository files navigation

🦉 Open Artifacts

Supabase Next JS Shadcn

Open Artifacts Demo Open Artifacts Demo 2

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

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

About

🦉 Open Source clone of Claude.ai that can generate Artifacts

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • TypeScript 94.9%
  • PLpgSQL 4.0%
  • Other 1.1%