This component is fully customizable through props and compatible with modern React applications.
import { VoidAnimation } from "@/components/ui/void-animation"; export default function DemoOne() { return ( <div className="relative flex h-screen w-full flex-col items-center justify-center overflow-hidden"> <VoidAnimation voidBallsAmount={3} voidBallsColor="#fff200" plasmaBallsColor="#fff200" plasmaBallsStroke="#fff200" gooeyCircleSize={30} blendMode="difference" className="mx-auto" /> <span className="pointer-events-none absolute -z-10 text-center text-7xl leading-none font-semibold tracking-tighter whitespace-pre-wrap"> Void Animation </span> </div> ) }