Mobile UI Mockup & Device Simulator
Simulate, customize, and copy iOS/Android layout templates or upload screenshots within precise device aspect ratios.
Device Configuration
Jetpack Compose Code
Physical Aspect Ratio Device Frame
Frequently Asked Questions
What mobile aspect ratios are supported?
iPhone 15 Pro uses a 19.5:9 aspect ratio (`393 x 852 px`), Pixel 8 matches `412 x 915 px` (20:9), and iPad Pro maps to standard `820 x 1180 px` tablet frames. Changing orientation recalculates these ratios dynamically.
Why did we merge the layout generators and previewers?
By combining them, developers can see Jetpack Compose and SwiftUI layouts render in real-time inside actual physical device mockups rather than fixed-width boxes.
Are there styling frameworks imported inside templates?
Yes. Android templates render using Material Design 3 guidelines (roboto font, rounded primary cards, colored toolbars), and iOS templates render using Apple's Human Interface Guidelines (SF font weights, system blue indicators).
Does it send data online?
No. All sandboxing code compilations, base64 image parsing, and Kotlin/Swift text rendering execute local in JavaScript, protecting your layout code.