replicate/paint-by-text

A microsite for InstructPix2Pix

JavaScript

470

110 commits

updated Aug 28, 2025

See the code

README

👩‍🎨 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!

Contributors

zeke

74 commits

erbridge

28 commits

bfirsh

4 commits

mattt

2 commits

replicate/paint-by-text

A microsite for InstructPix2Pix

JavaScript

470

110 commits

updated Aug 28, 2025

See the code

README

👩‍🎨 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!

Contributors

zeke

74 commits

erbridge

28 commits

bfirsh

4 commits

mattt

2 commits

Languages

JavaScript

96.7%

CSS

3.3%