{"repo":"kyh/ai-canvas","free":true,"listed":false,"github":"https://github.com/kyh/ai-canvas","clone":"git clone https://github.com/kyh/ai-canvas.git","description":"A forkable Next.js template featuring a design canvas UI with AI integration. Build your own Canva, Figma, or tldraw alternative.","language":"TypeScript","stars":33,"topics":["ai","ai-agents","canvas","design","konva","nextjs","react","template"],"license":null,"category":"ai-agents","readme_excerpt":"AI Canvas Forkable Next.js template featuring an AI design canvas — generate, edit, and compose on an infinite canvas in natural language. Build your own Canva, Figma, or tldraw alternative. Built on eve, Vercel's agent framework. Features Canvas - Interactive editor with zoom, pan, multi-select - Text, frame, and image blocks - Layer management, transform controls, hotkeys Styling - Text: font, size, color, alignment, spacing, decoration - Frames: colors, borders, shadows, opacity, radius, rotation - Advanced color picker with opacity AI - One agent, five tools: generate text, frames, and AI images (gpt-image-1), or build/update live interactive HTML blocks — no router hop - Visual context awareness — each request ships a PNG snapshot of the canvas (or the selection) plus a structured JSON context (canvas size, selection bounds, selected blocks) - Loading placeholder for HTML builds — a spinner block appears the moment the agent starts writing markup and is swapped for the finished block - Bring your own key — visitors add their own Vercel AI Gateway key (stored in the browser) and the agent runs on it per session Quick Start Open http://localhost:3000 pnpm dev boots both runtimes: the Next.js dev server and eve's agent dev server (proxied same-origin by withEve ). In development the agent uses AI GATEWAY API KEY ; in production, keyless visitors are prompted for their own gateway key, which rides each request as a bearer token and backs a per-session model. Driving this rep","default_branch":null,"files":null,"tree":[],"storefront":"/r/kyh","claimed":false,"request_supported":{"post":"https://gitbuyer.com/r/kyh/ai-canvas/request-supported","requests":0},"note":"indexed from public GitHub; nothing is for sale on this page. Clone it from GitHub. Paid listings live at /search."}