Skip to content

Paint by Text

Edit your photos by chatting with a generative AI model (InstructPix2Pix), powered by Replicate.

Framework
Use Case
Paint by Text thumbnail

👩‍🎨 Paint by Text

Modify images by chatting with a generative AI model.

Try it out at paintbytext.chat

How it works

This app is powered by:

🚀 Replicate, a platform for running machine learning models in the cloud.

🎨 Kontext, an open-source machine learning model that edits images using text.

Vercel, a platform for running web apps.

⚡️ Next.js server-side API routes, for talking to the Replicate API.

👀 Next.js React components, for the browser UI.

🍃 Tailwind CSS, for styles.

Usage

  1. Open the app in your browser.
  2. When prompted, enter your Replicate API token.
  3. You can generate a free token at the link above (requires a Replicate account).
  4. Your token is stored securely in your browser and used only for your requests.

Development

  1. Install a recent version of Node.js
  2. Install dependencies and run the server:
    npm install
    npm run dev
    
  3. Open localhost:3000 in your browser. That's it!
Paint by Text thumbnail

Paint by Text

Edit your photos by chatting with a generative AI model (InstructPix2Pix), powered by Replicate.

Framework
Use Case

👩‍🎨 Paint by Text

Modify images by chatting with a generative AI model.

Try it out at paintbytext.chat

How it works

This app is powered by:

🚀 Replicate, a platform for running machine learning models in the cloud.

🎨 Kontext, an open-source machine learning model that edits images using text.

Vercel, a platform for running web apps.

⚡️ Next.js server-side API routes, for talking to the Replicate API.

👀 Next.js React components, for the browser UI.

🍃 Tailwind CSS, for styles.

Usage

  1. Open the app in your browser.
  2. When prompted, enter your Replicate API token.
  3. You can generate a free token at the link above (requires a Replicate account).
  4. Your token is stored securely in your browser and used only for your requests.

Development

  1. Install a recent version of Node.js
  2. Install dependencies and run the server:
    npm install
    npm run dev
    
  3. Open localhost:3000 in your browser. That's it!

Unleash New Possibilities

Deploy your app on Vercel and unlock its full potential