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