Macbook Mockup
ProA closed MacBook that hinges open and powers on when you hover, in ten finishes.
css 3d3dillustrationmacbooklaptopdevicecsshover
Props
| Prop | Type | Default | Description |
|---|---|---|---|
theme | "space-black" | "black" | "midnight" | "space-gray" | "silver" | "starlight" | "sky-blue" | "gold" | "yellow" | "wensity-red" | "space-black" | Chassis finish: Space Black, Black, Midnight, Space Gray, Silver, Starlight, Sky Blue, Gold, Yellow, or Wensity Red. |
position | "hover" | "open" | "closed" | "hover" | Pose: hover to open, stay open, or stay closed. |
openAngle | number | 138 | Lid hinge angle in degrees (90 ≈ upright, 180 ≈ folded flat back). Larger reclines the screen further. |
baseTilt | number | 16 | Tilt of the bottom body / keyboard deck toward the viewer, in degrees. Independent of the lid. |
tilt | number | 6 | Overall camera/view tilt of the open deck in degrees. Lower reads head-on, higher tips toward a top-down view. |
src | string | - | Image shown on the screen (fills the display, object-cover). |
screenAlt | string | "Screen" | Alt text for the screen image. |
label | string | "MacBook illustration" | Accessible label announced for the illustration. |