Animates text in a circular motion with customizable speed, direction, radius, and transitions for dynamic circular typography effects.
import { SpinningText } from "@/components/ui/spinning-text"; export default function SpinningTextBasic() { return ( <div className="flex min-h-[400px] w-full items-center justify-center bg-background text-foreground"> <SpinningText reverse className="text-4xl" duration={4} radius={6}> learn more • earn more • grow more • </SpinningText> </div> ); }