iPhone 16 Pro

Component 274

About

Mockup of iPhone 16 Pro

Built with React and Tailwind. Copy the prompt and paste it into Claude Code, Cursor or Lovable: your agent adds iPhone 16 Pro to your project and fits it to your theme.

Code

How iPhone 16 Pro is used: the demo's code. The component's own source comes with a free account.

Usage.tsx

import {Iphone16Pro} from "@/components/ui/iphone-16-pro";

export function iPhone16ProDemo() {
  return (
    <div className="relative">
      <Iphone16Pro
        src="https://cdn.21st.dev/assets/mirror/fd/fdb1e90d36d3a7fc0ac7549c2a2fd8b105a638e84c8b78a3d0992b13c86c68d1.jpg"
        className="h-80 w-full"
      />
    </div>
  );
}