Components
Loading preview...
Here is Interactive Card component
@user_hardp
npx shadcn@latest add https://21st.dev/r/user_hardp/interactive-card// demo.tsx
import { InteractiveCard } from "@/components/ui/interactive-card"
export default function DemoOne() {
return (
<div className="flex justify-center p-10">
<InteractiveCard className="w-64 h-40 rounded-xl bg-background shadow-lg flex items-center justify-center">
<span className="text-foreground font-medium">🎴 Hover me!</span>
</InteractiveCard>
</div>
)
}