Infinite-Canvas is a web-based, infinite canvas application for generative AI image creation. It integrates with various AI models (ComfyUI, ModelScope, generic APIs) to allow users to create and iterate on images in a freeform, collaborative environment. The project has garnered significant attention on GitHub, indicating interest in flexible AI art generation tools.
A starter prompt for Claude Code, what you'll need, and how to reach them.
You are an expert full-stack developer. Your task is to build a web-based 'Infinite Canvas' application, similar to the concept of hero8152/Infinite-Canvas, focusing on generative AI image creation. The application should allow users to pan, zoom, and place 'nodes' on an infinite canvas. Each node can be an image, a text prompt, or a workflow definition. The core functionality must involve integrating with external AI image generation services. Use the following stack: Next.js 16 App Router, React 19, Tailwind v4, AI SDK v6 with Gemini (for potential future prompt generation or embedding analysis), Neon Postgres on Vercel for data persistence. For the UI components, use Shadcn UI. For the infinite canvas itself, research and integrate a suitable React library like 'react-flow-renderer' or similar alternatives. **MVP Slice:** 1. **Basic Canvas:** Implement an infinite canvas with panning and zooming capabilities. 2. **Image Node Creation:** Allow users to drag-and-drop or upload images to create image nodes on the canvas. These images should be stored in cloud storage (e.g., Vercel Blob or S3). 3. **Prompt Node Creation:** Allow users to create text nodes for prompts. 4. **Basic AI Integration:** Implement a server-side API endpoint that accepts a text prompt and uses a public generative AI API (e.g., stability.ai, replicate.com) to generate an image. Allow this generated image to be placed back on the canvas as an image node. 5. **User Accounts:** Implement basic user registration and login using NextAuth.js or Clerk. 6. **Persistence:** Save and load canvases for authenticated users to/from Neon Postgres. **Build and Verify Gate:** - A user can sign up, create a new canvas, add a text prompt, trigger an AI image generation, and see the result appear as an image node on their persistent canvas. The canvas should be savable and loadable. - The UI should be responsive and visually appealing using Tailwind CSS and Shadcn UI components.
Reach out to generative AI creators and marketers who use Infinite-Canvas by highlighting how Layered Studio provides a structured, brand-aligned approach to composable image generation, complementing their freeform exploration.
Supports comfyui/API calls/modelscope calls
Open an issue on the GitHub repository or mention the creator via a pull request if proposing a specific feature or fix.
“I've prototyped a robust infinite canvas for AI generation with ComfyUI/API integration; I'd be interested in collaborating or sharing my approach to common challenges like real-time sync and complex workflow management.”
Open the original ↗