







Design and create UI using real HTML, CSS and React code. Stay consistent with zero handoff.
Gemini Canvas — write, code, & create in one space with AI
Bring your ideas to life as apps, games, infographics and more. Go from prompt to prototype in minutes, with the power of Gemini 3, our most capable model.
Crafting Apps: open-source creative tools
Image editing, vector illustration, video, photography, PDFs, motion graphics and page layout: seven native, open-source apps from the ArtCraft team, built in Rust and free to use.

emilwallner/Screenshot-to-code
A neural network that transforms a design mock-up into a static website.
tldraw: Infinite Canvas SDK for React
The tldraw SDK provides tools, services, and APIs to build beautiful whiteboards and infinite canvas applications with real-time collaboration and a powerful React-based canvas.

Fragment | A modern toolkit for creative coding
Fragment lets you sketch, render, and export canvas-based graphics with ease, from quick experiments to production-ready visuals. Built on top of Vite, Svelte and Mediabunny.

popmechanic/VibesOS
A GUI for Claude Code that makes it easy to vibe code simple, un-hackable apps
OmniCanvas - Free Infinite Canvas Notes App
Free infinite canvas notes app for visual thinkers. Organize ideas spatially with drawing, linking, and collaboration.


nexu-io/open-design
🎨 Local-first, open-source alternative to Anthropic's Claude Design. ⚡ 19 Skills · ✨ 71 brand-grade Design Systems 🖼 Generate web · desktop · mobile prototypes · slides · images · videos · HyperFrames 📦 Sandboxed preview · HTML/PDF/PPTX/MP4 export 🤖 Runs on Claude Code / Codex / Cursor / Gemini / OpenCode / Qwen / Copilot / Hermes / Kimi CLI.
mokeyish/obsidian-code-emitter
An obsidian plugin that allows code blocks executed interactively in sandbox like jupyter notebooks. Supported language rust、kotlin、python、Javascript、TypeScript etc.
Working with canvas extensions in the GitHub Copilot app - GitHub Docs
Use canvases in the GitHub Copilot app to build shared, agent-driven artifacts and interfaces for human-agent collaboration.

konvajs/react-konva
React components for the Konva 2d canvas library. Build interactive graphics, design editors, and whiteboards with JSX.
UI Style Guide — 67 Interactive Design Styles | Free Reference
The free UI style guide for designers, developers and AI coding agents: 67 design styles with live demos, color palettes, CSS and copy-paste prompts.

GraphiteEditor/Graphite
Community-built comprehensive 2D content creation appplication for graphic design, digital art, and interactive real-time motion graphics powered by a node-based procedural graphics engine
The release of #ClaudeDesign left me wondering what a tool like this could look like for academics (rather than designers) I then used Claude Design to mock it up for me Let me show you what came of it... 🧪🤖🧵 rafaelmbatista.com/manuscript/index.html
The release of #ClaudeDesign left me wondering what a tool like this could look like for academics (rather than designers) I then used Claude Design to mock it up for me Let me show you what came of it... 🧪🤖🧵 rafaelmbatista.com/manuscript/index.html