IPhoneMockup
iPhone device frame with Dynamic Island.
Preview
9:41
Your App
Installation
bash
npx auralix-ui add iphone-mockupUsage
iPhone Preview
tsx
import { IPhoneMockup } from "@/components/ui/IPhoneMockup";
<IPhoneMockup>
<div className="bg-white h-full">
Your app content
</div>
</IPhoneMockup>Props
| Name | Type | Default | Description |
|---|---|---|---|
children | ReactNode | - | Screen content. |
variant | "silver" | "space-gray" | "gold" | "space-gray" | Device color. |
showNotch | boolean | true | Show Dynamic Island. |
showStatusBar | boolean | true | Show status bar. |
On this page