Interactive geometric card component with animated shapes, floating particles, and customizable color gradients.
import { 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> ; }