Components
Loading preview...
Here is Interactive Card component
@user_hardp
npx shadcn@latest add https://21st.dev/r/user_hardp/interactive-card// demo-image.tsx
import { InteractiveCard } from "@/components/ui/interactive-card"
export default function DemoImage() {
return (
<div className="flex justify-center p-10">
<InteractiveCard className="w-72 h-48 rounded-xl overflow-hidden shadow-lg">
<img
src="https://picsum.photos/400/250"
alt="Demo"
className="w-full h-full object-cover"
/>
</InteractiveCard>
</div>
)
}