Media & Mockups

Apple iPhone 17 Pro Max

iPhone 17 Pro device mockup for React and shadcn/ui with Dynamic Island, status bar, and four frame colors for app screenshots.

Updated Oct 1, 2026

9:41

iPhone 17 Pro Max

Tap the Screen to cycle
through dynamic island sizes

Current: default

Select frame color

Apple iPhone 17 Pro Max is a React device mockup component for shadcn/ui. Use it to present mobile app screens on landing pages, product launches, or portfolio case studies.

Installation


pnpm dlx shadcn@latest add @cult-ui/apple-iphone-17-pro

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