Components
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.
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>;
}