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!