Components
Loading preview...
Here is Animated Card Diagram component
npx shadcn@latest add https://21st.dev/r/badtzx0/animated-card-diagramimport {
AnimatedCard,
CardBody,
CardDescription,
CardTitle,
CardVisual,
} from "@/components/ui/animated-card-diagram"
import { Visual2 } from "@/components/ui/animated-card-diagram"
export default function AnimatedCard2Demo() {
return (
<AnimatedCard>
<CardVisual>
<Visual2 mainColor="#ff6900" secondaryColor="#f54900" />
</CardVisual>
<CardBody>
<CardTitle>Just find the right caption</CardTitle>
<CardDescription>
This card will tell everything you want
</CardDescription>
</CardBody>
</AnimatedCard>
)
}