Material 3 Expressive Screen UI
Design Material 3 UIs in the browser, convert to AI coding prompts
Visit smartworldarafath.github.io ↗What is Material 3 Expressive Screen UI?
A browser-based design tool for creating interactive Material 3 Expressive user interfaces with a drag-and-drop canvas. Users can assemble buttons, navigation bars, cards, dialogs, inputs, and other Material Design components, then instantly generate prompts for AI coding assistants.
The tool features magnetic docking to snap widgets together, authentic Android loading animations, and dual-viewport support for mobile and desktop designs. It integrates with AI coding tools like Claude Code, Cursor, and ChatGPT—users copy the generated prompt and pass it to their preferred AI agent to build the application. The maker says it was built with Claude Code.
Momentum
Daily activity over the last 30 days: upvotes, unique visits, new GitHub stars and Hacker News points.
How do we know it's vibe coded?
vibetrend discovered Material 3 Expressive Screen UI automatically. Evidence: GitHub smartworldarafath/Material-3-Expressive-Screen-UI; repo has AGENTS.md, CLAUDE.md. View source.
Similar vibe-coded apps
#10 this weekAI-powered design intelligence toolkit for building professional interfaces
Open-source parametric 3D CAD in Rust, runs desktop, browser, CLI, and MCP
Sketch Material 3 screens in the browser, generate AI coding prompts
Open-source design editor that opens Figma files with built-in AI
122 agent skills for AI coding tools to generate images, video, audio, and 3D
Extract design systems from any website into tokens and design documentation
Open-source local-first workspace for AI image and video creation with MCP agent