Apple iPhone 17 Pro Max

Installation

Pro workflow

Open in v0 and the Pro CLI install shortcut are part of Cult UI Pro. Upgrade to use them in your projects.

Install the required dependencies:


pnpm add lucide-react motion

Copy and paste the following code into your project.

Source code is available for Pro members.

Upgrade to copy and use these components in your projects.

View pricing

Update the import paths to match your project setup.

Usage

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>
  );
}