aisandbox.app

( In Development, pre-alpha ) Something like Figma, but for designing AI systems.

About

AISandbox is a node-based editor that allows creating an architecture of multiple models with inputs and outputs to perform a range of tasks. Think of Figma but for designing AI systems graphically.

Note that is still in development, pre-alpha.

Documentation

To run the graph as an API, the code is programmatically generated in the UI, but here's a sample code

import requests
import json

payload = json.dumps(
    {"data": [{"id": "TextInputNode-1", "data": {"text": "Hello World"}}]}
)

headers = {
    "Content-Type": "application/json",
    "Authorization": "YOUR_API_KEY",
    "Project": "YOUR_PROJECT_ID",
}

response = requests.request("POST", "https://aisandbox.app/api/v1/execute", headers=headers, data=payload)

Tech Stack

Front end

• Nextjs 13 as the web framework.
• shadcn ui for the UI components.
• reactflow for the node editor.
• Lucide for icons.
• zustand for state management.

Backend

• Supabase for user authentication and serves as the main database.
• Stripe for Payments.
• OpenAI and Replicate to run most of the models.

Infrastructure

• The site is deployed on cloudflare.

Self Hosting

(In progress)

To self-host this application ( at least some of it ), follow the steps :

• Fill up the following API keys in .env.example, then rename it to .env.
• Make an account of supabase, and create the following DBs with types provided in
• Run pnpm dev.

Acknowledgements

• Thanks to Resend, Skiff, Supabase and Figma for side UI, design and landing page inspirations.
• Thanks to Sniffnet, nextjs-subscription-payments for readme, code structure.