replicate / outpainter

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

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!