m3e-canvas

lnkiai/m3e-canvas is an open-source project by lnkiai: Sketch Material 3 Expressive screens in the browser and turn them into vibe-coding prompts.. Indexed here so it can be found — not resold.

It is free. Get it from the upstream repository: https://github.com/lnkiai/m3e-canvas

From the project's own README (excerpt, reproduced for discovery under its MIT license):

M3E Canvas

Sketch Material 3 Expressive screens in the browser, link them, tap through them, and copy a prompt for your AI coding tool.

日本語 · 中文 · 한국어 · Open the app

Sketch a recipes app, retheme it, copy the prompt, hand it to an AI coding tool, and run the result on Android. ( mp4 )

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.

What it does • Drag-and-drop parts – buttons, icon buttons, FABs, split buttons, FAB menus, chips, app bars, navigation bars, floating toolbars, tabs, search bars, cards, lists, dialogs, snackbars, text fields, dropdowns, switches, checkboxes, radio buttons, sliders, text, images, camera and map placeholders, badges, boxes and dividers, all drawn to Material 3 Expressive. • Magnetic connections – bring two buttons or list items close and they fuse into a connected group; the corners soften as they meet. • Real M3 Expressive loading – the shape-morphing Loading Indicator (ported from material-components-android) and wavy linear / circular progress indicators. • Phone and desktop screens – add as many screens as you like, name them, pick a background, and drag a screen to move everything on it. Switch any screen between a 412×892 phone and a 1280×800 desktop from its label: bars stretch, the navigation bar becomes a rail (and a rail becomes a bar again on a phone), and the parts are laid out again beside it. Screens of both sizes can share one design; same-named screens are written into the prompt as one screen at two widths. • Tap to navigate – give any tappable part, an app bar icon or a navigation bar destination a target screen (or "back") and a transition: slide from any of…