A minimal and unique loading spinner that smoothly transitions between geometric shapes.
import { MorphingSpinner } from "@/components/ui/morphing-spinner"; export default function Home() { return ( <main className="min-h-screen bg-background flex items-center justify-center"> <div className="flex flex-col items-center gap-4"> <MorphingSpinner size="lg" /> <p className="text-lg text-foreground flex gap-1"> Loading </p> </div> </main> ) }