Components
Loading preview...
Interactive geometric card component with animated shapes, floating particles, and customizable color gradients.
@jatin-yadav05
npx shadcn@latest add https://21st.dev/r/jatin-yadav05/animated-geometric-cardimport { AnimatedGeometricCard, CardBody, CardTitle, CardDescription, CardVisual, GeometricVisual } from "@/components/ui/animated-geometric-card";
export default function DemoOne() {
return <AnimatedGeometricCard>
<CardVisual>
<GeometricVisual
primaryColor="#06b6d4"
accentColor="#f59e0b"
particleColor="#8b5cf6"
/>
</CardVisual>
<CardBody>
<CardTitle>Spatial Analytics</CardTitle>
<CardDescription>
Advanced geometric processing with real-time particle effects and morphing shapes.
</CardDescription>
</CardBody>
</AnimatedGeometricCard>
;
}