← The log

lnkiai/m3e-canvas

★ 9,502 stars

TypeScriptReactNext.js

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

Works with any AI coding tool that takes a prompt, such as Claude Code, Codex, Gemini CLI or Cursor: copy the prompt, paste it into the tool, and ask for the app.

From the repository README · read it on GitHub →

15 Sep 2026 · 0:24
Is this the ultimate Figma killer? 🤔 #opensource #uidesign
Watch on YouTube →

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.

View on GitHub