Skip to content

A web GUI built with Nuxt.js for outpainting with Stable Diffusion using the Replicate API.

License

Notifications You must be signed in to change notification settings

replicate/outpainter

Repository files navigation

Outpainter

Expand the contents of an image using generative fill.

How it works

This app is powered by:

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

🖍️ Stable Diffusion Outpainting, an open-source machine learning model that generates images from text.

Vercel, a platform for running web apps.

⚡️ Nuxt.js server-side API routes, for talking to Replicate's API.

👀 Nuxt.js Vue components, for the browser UI.

🍃 Tailwind CSS, for styles.

Development

  1. Install a recent version of Node.js
  2. Copy your Replicate API token and set it in your environment:
    echo "REPLICATE_API_TOKEN=<your-token-here>" > .env.local
    
  3. Install dependencies and run the server:
    npm install
    npm run dev
    
  4. Open localhost:3000 in your browser. That's it!