iPhone Mockup
iPhone frame with dynamic island — pure CSS.
- 0.6 KB gzipped
- Zero dependencies
- Reduced-motion safe
- Base UI & Radix compatible
Preview
Your app here
Installation
pnpm dlx shadcn@latest add https://velora.colorlib.com/r/iphone-mockup.jsonAdds components/velora/iphone-mockup.tsx.
Props
| Prop | Type | Default |
|---|---|---|
children* | React.ReactNode | — |
Also accepts every <div> attribute, forwarded to the root element.
Accessibility
- Reduced motion
- Static; no animation.
- Keyboard
- Decorative — nothing to operate.
- Screen readers
- The frame parts are empty elements; only the children are read.