Skip to main content
Image Studio isn’t just “enter prompt, get image.” It’s a full creative workflow with a gallery, model switching, history, lightbox previews, downloading, and deletion. One of the most product-ready apps in the repo.

What Your Users Can Do

  • Write a prompt and generate images
  • Switch between several image models
  • Choose between OpenAI and Replicate-backed image models
  • Browse creations in a visual gallery
  • Preview images in a lightbox
  • Search previous generations
  • Download or delete results
It feels like a real AI creative tool, not a demo.

Supported Models

ModelProviderNotes
GPT ImageOpenAIDirect OpenAI integration
Nano Banana 2Replicate
Nano Banana ProReplicate
Seedream 5 LiteReplicate
Imagen 4Replicate
Flux 1.1 ProReplicate
Flux SchnellReplicate
Ideogram V2Replicate
Recraft V3Replicate
Models are configured in app/(apps)/image-studio/lib/models.ts.

What You Need

Better Auth + PostgreSQL

Auth and saved generation history

Storage

Generated files and persistent gallery items

Replicate

Most non-OpenAI image models
You also need OPENAI_API_KEY for GPT Image.

How It Works

1

Write a prompt and pick a model

The user types what they want and selects from the available model list.
2

Generate

The app routes the request to the correct provider (OpenAI or Replicate).
3

Store the result

The generated image is uploaded to object storage and linked to the user’s account.
4

Gallery refresh

The gallery updates and shows the new image alongside previous creations.
5

Browse, search, download, or delete

Users can preview images in a lightbox, search through their history, download files, or clean up old generations.
The UI is built around a gallery plus a floating generation bar — a much stronger pattern than hiding everything behind a form-heavy dashboard.

Great Starting Point For…

You can reshape this app into:
  • AI ad creative generators
  • Social media asset tools
  • Product mockup generators
  • Brand visual tools
  • Internal creative studios
It already handles the annoying product details like history, storage-backed assets, and model switching.

Good First Customizations

  • The model catalog in app/(apps)/image-studio/lib/models.ts
  • Default model settings
  • Credit pricing per model
  • Branding and empty states
  • Gallery filtering and sorting behavior

Verification

Your setup is working if:
  • The page loads
  • At least one configured model is available
  • Generations complete successfully
  • New images appear in the gallery
  • Download and delete both work