M3E Canvas Studio

Sketch Material 3 Expressive screens from real parts and turn them into vibe-coding prompts.

M3E Canvas Studio — sketch Material 3 Expressive screens from real parts and turn them into vibe-coding prompts for free

How to use M3E Canvas Studio

Add screens, phone 412 by 892 or desktop 1280 by 800, and name each one.
Drag Material 3 Expressive parts from the real 36-part palette onto a screen and edit their text.
Link parts to other screens with one of the seven real transitions and preview the flow.
Pick one of the seven real M3E palettes, light or dark, contrast, shape, font and motion.
Copy the generated vibe-coding prompt and paste it into Claude Code, Codex, Gemini CLI or Cursor.

The repo's real 36-part palette: buttons, FABs, bars, tabs, cards, lists, sheets, pickers and more
The repo's real seven palettes: Purple, Blue, Green, Coral, Amber, Teal and Mono with exact hex values
Phone and desktop screens, part links with the seven real transitions, and a tap-through preview
Theme controls from the repo: light and dark, three contrast levels, shapes, fonts and spring motion
Prompt generator in the repo's style: screen-by-screen brief for Android or web, in four languages
Runs fully offline in your browser: no account, no server, nothing to install

Yes, unlimited.