Android Mock
Present screenshots or live components inside a realistic Android phone frame with a center or left punch-hole camera and light/dark device bodies.
Pro Features
Unlock advanced capabilities with the Pro version
Realistic Frame
Token-based Android body with softer corners, side buttons, and drop shadow.
Punch-hole Camera
Center (Pixel) or left (Samsung) front-camera placement via a single prop.
Screenshot Showcase
Drop in an image via src to frame product screenshots edge to edge.
Light & Dark Body
Light or space-gray device body that adapts to your presentation.
Responsive Scaling
Percentage-based radii keep proportions crisp at any width you choose.
Decorative & Accessible
Frame is aria-hidden while screen content stays in the accessibility tree.
Installation
Install via CLI
npx @moontra/moonui-cli add android-mockUsage
Examples
Screenshot Showcase
Frame an app screenshot inside a realistic Android body with a Pixel-style center punch-hole camera.
Camera Positions
Choose the punch-hole placement with the camera prop: center (Pixel-style) or left (Samsung-style).
center
left
Dark Body
Set mode to dark for a space-gray device body — ideal for dark-themed app screenshots.