iPhone UI Component

A sleek and interactive 3D iPhone UI component, meticulously crafted with React and Tailwind CSS. It features a realistic phone body with subtle depth, a dynamic island, and a simulated screen displaying a custom UI screenshot, complete with a pixel-perfect Safari navigation bar at the bottom. Hover over the component to see it rotate and scale.

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

import { IPhoneCard } from "@/components/ui/i-phone-ui-component";

export default function DemoOne() {
  return <div className="min-h-screen flex items-center justify-center w-full dark:bg-neutral-800 bg-stone-100">
      <IPhoneCard />
    </div>;
}