gitwtfhub

basketikun/infinite-canvas

356TypeScriptAudience · designerComplexity · 3/5ActiveLicenseSetup · moderate

TL;DR

Self-hosted web app that pairs a draggable canvas with AI image generation, reference editing, and a chat assistant for visual idea iteration.

Mindmap

mindmap
  root((infinite-canvas))
    Inputs
      Text prompts
      Reference images
      OpenAI API key
    Outputs
      Generated images
      Canvas projects
      Chat replies
    Use Cases
      Solo image exploration
      Prompt library mining
      Local AI studio
    Tech Stack
      Next.js
      React
      Go
      Docker
Click or tap to explore — scroll the page freely

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

Why anyone would actually build this

REASON 1

Run a personal local AI image studio with a node-graph workspace

REASON 2

Iterate on image prompts using a curated prompt library

REASON 3

Combine reference images and text into multi-step image edits

Stack

Next.jsReactTypeScriptTailwindCSSGoGinGORMDocker

Spinning it up

Difficulty · moderate Time to first run · 30min

Schemas change without backward compatibility, so author recommends forking before any serious use.

GNU AGPL v3, free to use and modify, but any network-served fork must publish its source under the same license.

Wtf does this do

This project is called infinite-canvas. The README, written mainly in Chinese, presents it as an open-source workstation for image creation that puts a free-form canvas, AI image generation, reference-image editing, a chat assistant, a prompt library, and a pile of source images into a single web interface. The intent is to let one person explore visual ideas and iterate on image results without switching between separate apps. The author lists four groups of features. The canvas itself supports multiple projects, draggable and zoomable nodes, connection lines, a small overview map, undo and redo, and import or export. AI creation supports text-to-image, image-to-image, reference-image editing, and text question-and-answer through any service that follows the OpenAI-compatible API shape. A canvas-side assistant can hold a conversation around the selected node and its upstream nodes, generate images, and drop the results back onto the canvas. A prompt library is built up by scraping several GitHub open-source projects and grouping hundreds of image prompts into example sets. The README is up-front about the project's state. It carries a warning that the project is under active development, that database schemas and storage formats may change without compatibility for old data, and that it is more suitable for personal or local deployment than for sharing a public deployment with many users. People who need stability are told to fork the repository and keep their own branch. The technology stack listed in the README uses Next.js with React, TypeScript, Tailwind CSS, Ant Design, Zustand, and TanStack Query for the front end. The back end is written in Go with the Gin web framework and the GORM database library. Deployment is via Docker. Quick start instructions are short. Clone the repository, copy .env.example to .env, edit default account and password values, then run docker compose. The app listens on port 3000 by default. The licence is GNU AGPL v3.

Yoink these prompts

Prompt 1
Show me the docker compose steps to run infinite-canvas locally on port 3000
Prompt 2
Which OpenAI-compatible endpoints does infinite-canvas need for text-to-image vs reference-image edits
Prompt 3
Sketch how the canvas assistant feeds upstream node context into a chat call
Prompt 4
Translate the Chinese README of infinite-canvas into English and list every env var in .env.example
View the repo → Decode another repo

← basketikun on gitmyhub — every repo by this author, as a profile.

Don't trust strangers blindly. Verify against the repo.