Founding price: $35, then $79.99 after 23:59 UTC on 4 November, then $79.99
Get ProA modern Android phone drawn in CSS with a satin frame, punch-hole camera, Material-style status bar and gesture or three-button navigation. Children render at phone resolution, scaled to fit.
This item has no props to tune. Use the lens above to change theme, density, direction and more.
| Prop | Type | Default | Description |
|---|---|---|---|
children | ReactNode | - | Screen content, laid out below the status bar. Ignored when src or videoSrc is set. |
variant | "auto" | "porcelain" | "obsidian" | "sage" | "auto" | Finish. "auto" is porcelain in light mode and obsidian in dark mode. |
src | string | - | Image shown on the screen, cropped to fill it. |
alt | string | "" | Alternative text for src. |
videoSrc | string | - | Muted, looping video shown on the screen. Paused under reduced motion. |
poster | string | - | Poster image for videoSrc. |
screenWidth | number | - | Lays children out at this width in CSS pixels, then scales them to fit. |
statusBar | boolean | true | Shows the status bar (time, signal, Wi-Fi, battery). |
time | string | "9:41" | Time shown in the status bar. |
navigation | "gesture" | "buttons" | "none" | "gesture" | System navigation: the gesture pill, three buttons, or nothing. |
screenClassName | string | - | Class names for the screen. Use "dark" to give the screen its own theme. |
Also accepts all <div> props.