Docs
Apple iPhone 17 Pro Max
iPhone-style device frame with Dynamic Island, status bar, and configurable frame colors
Tap the Screen to cycle
through dynamic island sizes
Select frame color
pnpm dlx shadcn@latest add https://cult-ui.com/r/apple-iphone-17-pro.json
IPhone17ProMax is a client component. Pass children for the screen body, and use dynamicIslandSize, frameColor, and optional callbacks to match your layout.
import { IPhone17ProMax } from "@/components/apple-iphone-17-pro";
export function Hero() {
return (
<IPhone17ProMax frameColor="graphite" dynamicIslandSize="default" time="9:41">
<div className="flex flex-1 items-center justify-center text-sm">Your UI</div>
</IPhone17ProMax>
);
}