lnkiai/m3e-canvas
★ 10,098 stars
Covered in week 2026-W38 · the 2026-09 report
Sketch Material 3 Expressive screens in the browser and turn them into vibe-coding prompts.
What m3e-canvas is
M3E Canvas is a free, open-source sketchpad for app screens made of real Material 3 Expressive parts. It runs entirely in your browser: no account, no server, nothing to install. What you sketch becomes a precise prompt that any AI coding tool that takes one, such as Claude Code, Codex, Gemini CLI or Cursor, can turn into a working app.
From the repository README · read it on GitHub →
Transcript
Vibe-coding app screens usually means describing them in plain words. m3e-canvas sketches Material 3 Expressive screens by drag-and-drop in your browser. Link screens with tap transitions, fuse buttons magnetically, then copy the design as a prompt for Claude Code or Cursor. Every screen switches between a 412×892 phone and a 1280×800 desktop, so you tap through the flow before writing code.