Components
Loading preview...
Interactive Card A visually engaging card component that features an icon group with hover animations, a step indicator, title, and description. It's designed to be reusable and adapt seamlessly to light and dark themes.
@lavikatiyar
npx shadcn@latest add https://21st.dev/r/lavikatiyar/card-11import { InteractiveCard } from "@/components/ui/card-11"; // Adjust the import path
// This is the demonstration component
export default function InteractiveCardDemo() {
return (
<div className="flex min-h-[500px] w-full items-center justify-center bg-background p-4">
<InteractiveCard
step="STEP 3"
title="Export and Share"
description="Export your video in the best quality and share it on your social media or website."
/>
</div>
);
}