Components
Loading preview...
A card component that performs a 3D flip animation on hover, rotating 180 degrees * around the Y-axis while translating upward.
@jatin-yadav05
npx shadcn@latest add https://21st.dev/r/jatin-yadav05/flip-hoverimport FlipHover from "@/components/ui/flip-hover";
export default function DemoOne() {
return (
<div className='p-10 flex h-screen justify-center items-center'>
<FlipHover
imageUrl='https://images.unsplash.com/photo-1757642520329-b89ba3181784?w=600&auto=format&fit=crop&q=60&ixlib=rb-4.1.0&ixid=M3wxMjA3fDB8MHxmZWF0dXJlZC1waG90b3MtZmVlZHw2fHx8ZW58MHx8fHx8'
/>
</div>
)
}