turbo.art

A playground for creative exploration that uses SDXL Turbo for real-time image editing. Try it now at https://turbo.art!

The entire app is serverless and hosted on Modal.

Developing locally

File structure

• turbo_art.py - model endpoint and FastAPI web server (<150 lines of code!)
• frontend - Svelte frontend

Requirements

To run this for yourself, you will need:

1. Modal installed and set up locally

pip install modal
modal setup

2. npm installed

Iterate

During development, it's useful to have both the frontend and the Modal application automatically react to changes in the code. To do this, you'll need to run two processes.

First, in one shell session, cd into the frontend directory and run:

npm install
npx vite build --watch

Then, in another shell session, run:

modal serve turbo_art.py

In the terminal output, you'll find a URL that you can visit to use your app. While the modal serve process is running, changes to any of the project files will be automatically applied. Ctrl+C will stop the app.

Deploy

Once you're happy with your changes, deploy your app:

npx vite build
modal deploy turbo_art.py

In the terminal output, you'll find a different URL that you can visit to use your app. We chose to use Modal's custom domains feature to make the URL more memorable. Without a custom domain, you can still select part of the the modal.run subdomain you're assigned.

Note that leaving the app deployed on Modal doesn't cost you anything! Modal apps are serverless and scale to 0 when not in use.