explaingit

boona13/image-extender

Analysis updated 2026-05-18

60TypeScriptAudience · developerComplexity · 2/5Setup · easy

TLDR

A web app that uses AI to extend photos and artwork beyond their edges, plus four toolsets for generating consistent backgrounds, tiles, sprites, and props for 2D games.

Mindmap

mindmap
  root((Image Extender))
    What it does
      AI outpainting
      Seamless blending
      Extends any image
    Game tools
      Parallax Studio
      Tile Studio
      Sprite Studio
      Props Studio
    Tech stack
      Next.js
      TypeScript
      Gemini via OpenRouter
    Use cases
      Widen a photo
      Build game backgrounds
      Generate sprite sheets
    Audience
      2D game developers

Code map

Detail Auto

An interactive map of this repo's files and how they connect — its source is parsed live in your browser. Click Visualize to build it.

filefunction / class

What do people build with it?

USE CASE 1

Turn a square photo into a wide cinematic image using AI outpainting.

USE CASE 2

Generate a multi-layered parallax background for a side-scrolling game.

USE CASE 3

Create a full set of interlocking platformer tiles in one AI call.

USE CASE 4

Generate character animation sprite sheets with a live preview.

What is it built with?

Next.jsTypeScriptGeminiOpenRouter

How does it compare?

boona13/image-extenderallstarswc/allstarsevanbacon/grok-voice-demo
Stars606060
LanguageTypeScriptTypeScriptTypeScript
Setup difficultyeasyhardmoderate
Complexity2/54/53/5
Audiencedevelopergeneralvibe coder

Figures from each repo's GitHub metadata at analysis time.

How do you get it running?

Difficulty · easy Time to first run · 5min

Requires your own OpenRouter API key, which is stored only in the browser.

In plain English

Image Extender is an open-source web application that uses AI to expand photographs and artwork beyond their original borders. The core feature is called outpainting: you upload an image, click an edge, and the AI generates new content that continues the scene naturally in that direction. A square photo can become a wide cinematic frame. The app includes a technique called Poisson blending that mathematically smooths the join between the original image and the AI-generated addition so the seam becomes invisible. Beyond single image extension, the app includes four additional workspaces aimed at 2D game developers. Parallax Studio lets you build multi-layered scrolling backgrounds, the kind found in side-scrolling games where the background moves at a different speed than the foreground. Each depth layer (sky, far distance, midground, near foreground) is generated and extended separately, then bundled into a ZIP file with a manifest that game engines like Unity, Godot, or Phaser can use directly. Tile Studio generates a complete set of 13 interlocking tiles for platform games in a single AI call, keeping colors and textures consistent across the whole set. Sprite Studio generates character animation frames as a sheet of keyframes, with a live preview that plays the animation back. Props Studio creates batches of transparent decoration images, the kind layered on top of a tile map to add detail to a scene. The app is powered by Google's Gemini image models, accessed through a service called OpenRouter. You supply your own OpenRouter API key, which stays stored only in your browser and is never saved on the server. You can choose between different Gemini model variants depending on the speed and quality tradeoff you want. Every workspace shares a "scene brief" generated from your initial prompt, covering setting, time of day, color palette, and mood. This brief is reused when generating tiles, sprites, and props so all the assets for a project stay visually consistent with each other. The project is built with Next.js and TypeScript and is available to self-host or run locally with your own API key.

Copy-paste prompts

Prompt 1
Help me set up Image Extender locally with my own OpenRouter API key.
Prompt 2
Walk me through outpainting a photo into a wider cinematic frame.
Prompt 3
Show me how to use Parallax Studio to build a game background with depth layers.
Prompt 4
Generate a set of platformer tiles using Tile Studio and keep them visually consistent.

Frequently asked questions

What is image-extender?

A web app that uses AI to extend photos and artwork beyond their edges, plus four toolsets for generating consistent backgrounds, tiles, sprites, and props for 2D games.

What language is image-extender written in?

Mainly TypeScript. The stack also includes Next.js, TypeScript, Gemini.

How hard is image-extender to set up?

Setup difficulty is rated easy, with roughly 5min to a first successful run.

Who is image-extender for?

Mainly developer.

Open on GitHub → Explain another repo

This repo across BitVibe Labs

Verify against the repo before relying on details.