iPhone Mockup
ProA thick, extruded iPhone with a machined side rail, side buttons, and lock screen.
css 3dillustrationiphonephonemockupdevice3dcss
Props
| Prop | Type | Default | Description |
|---|---|---|---|
theme | "cosmic-orange" | "deep-blue" | "silver" | "black" | "wensity-red" | "cosmic-orange" | Chassis theme: Apple's Cosmic Orange, Deep Blue, or Silver finishes, plus custom Black and Wensity Red. |
rotate | number | -22 | Yaw in degrees. Negative swings the right rail (side button, Camera Control) toward the viewer; 0 reads dead-on and hides the thickness. |
tilt | number | 6 | Pitch in degrees. Positive tips the top away so the bottom rail — speaker grille and USB-C — comes into view. |
src | string | - | Wallpaper shown on the display (fills the screen, object-cover). |
time | string | "9:41" | Lock-screen clock, also shown in the status bar. |
date | string | "Wednesday, August 12" | Date line above the lock-screen clock. |
showLockScreen | boolean | true | Render the lock-screen furniture. Turn off to show a wallpaper or screenshot unobstructed. |
screenAlt | string | "Wallpaper" | Alt text for the wallpaper image. |
label | string | "iPhone Mockup illustration" | Accessible label announced for the illustration. |