Components
Starting preview...
A mockup of the iPhone 15 Pro
npx shadcn@latest add https://21st.dev/r/dillionverma/iphone-15-proimport { Iphone15Pro } from "@/components/ui/iphone-15-pro"
function Iphone15ProDemo() {
return (
<div className="relative">
<Iphone15Pro className="size-full scale-50" />
</div>
)
}
function Iphone15ProWithCustomImage() {
return (
<div className="relative">
<Iphone15Pro
className="size-full"
src="https://via.placeholder.com/430x880"
/>
</div>
)
}
export default {
Iphone15ProDemo,
Iphone15ProWithCustomImage,
}