Components
Loading preview...
Here is Interactive Card component
@user_hardp
npx shadcn@latest add https://21st.dev/r/user_hardp/interactive-card// demo-content.tsx
import { InteractiveCard } from "@/components/ui/interactive-card"
import { Button } from "@/components/ui/button"
export default function DemoContent() {
return (
<div className="flex justify-center p-10">
<InteractiveCard className="w-80 h-52 rounded-xl bg-background shadow-xl flex flex-col items-center justify-center gap-4">
<h3 className="text-lg font-semibold text-foreground">Interactive Card</h3>
<Button>Click me</Button>
</InteractiveCard>
</div>
)
}