184 Components
iPad Pro Mockup
MockupsApple iPad Pro hardware frame with symmetrical ultra-thin bezels, landscape/portrait spring orientation transitions, Apple Pencil magnetic strip, and 3D parallax tilt.
9:41 AM
100%
Installation
Install directly into your project using the shadcn CLI or copy the source code manually.
Requires:framer-motionlucide-reactclsxtailwind-merge
$npx shadcn@latest add "https://boseui.site/r/i-pad-pro-mockup.json"
Props
TypeScript props supported by <IPadProMockup />.
| Prop | Type | Default | Description |
|---|---|---|---|
| orientation | "landscape" | "portrait" | "landscape" | Screen orientation. |
| color | "space-black" | "silver" | "space-black" | Chassis finish color. |
| enableTilt | boolean | true | Enable 3D cursor tilt physics. |
| children | React.ReactNode | — | Custom screen content or app UI. |
Key Features
- Supports both landscape and portrait orientations with smooth layout spring transitions.
- Hardware-accurate Apple Pencil magnetic charging dock indicator.
- Realistic specular light glare overlay that follows mouse movements.
- Space Black and Silver aluminum finishes.
- Renders any React children inside the Tandem OLED screen container.
Keyboard & Accessibility
- Disables 3D parallax tilt when prefers-reduced-motion is enabled.
- Content inside the screen remains fully accessible.