Material 3 Expressive Screen UI
A browser-based drag-and-drop tool for designing interactive Material 3 Expressive screens, which turns the finished layout into a prompt for AI coding assistants to implement.
The tool provides a drag-and-drop canvas of Material 3 Expressive widgets, including buttons, floating action buttons, navigation bars, cards, dialogs, sliders, chips and text inputs, with magnetic docking that fuses neighboring widgets into unified groups and morphing loading indicators matching Android's shape-shifting style.
It supports a dual viewport for phone and desktop layouts, interactive wireframing with animated transitions between linked screens, and gesture-driven swipe navigation, all previewable live in the browser.
The finished design is converted into a prompt for AI coding agents such as Claude Code, Codex, Gemini CLI or Cursor, which then implement the interface from that prompt.