Components
An animated liquid blob loading spinner with organic morphing shapes, specular highlights, and metallic, iridescent, or themed color variants.
Loading preview...
import { LoaderMorphingBlob } from "@/components/ui/loader-morphing-blob";
export default function LoaderMorphingBlobDemo() {
return (
<div className="flex min-h-[360px] w-full flex-wrap items-center justify-center gap-16 bg-background text-foreground p-10">
<div className="flex flex-col items-center gap-4">
<LoaderMorphingBlob variant="mercury" size="lg" />
<span className="text-sm text-muted-foreground">Mercury</span>
</div>
<div className="flex flex-col items-center gap-4">
<LoaderMorphingBlob variant="aurora" size="lg" />
<span className="text-sm text-muted-foreground">Aurora</span>
</div>
<div className="flex flex-col items-center gap-4">
<LoaderMorphingBlob variant="monochrome" size="lg" />
<span className="text-sm text-muted-foreground">Monochrome</span>
</div>
</div>
);
}