Overview
Morphing blob loader with spring physics powered by Motion. Variants: mercury (reflective), aurora (gradient rotation), monochrome (solid). Sizes: sm, md, lg.
Installation
npx shadcn@latest add @elements/loader-morphing-blobUsage
import { LoaderMorphingBlob } from "@/components/elements/loader-morphing-blob";
export function Loading() {
return <LoaderMorphingBlob variant="mercury" size="md" />;
}Props
| Prop | Type | Default | Description |
|---|---|---|---|
size | "sm" | "md" | "lg" | "md" | Size of the blob |
variant | "mercury" | "aurora" | "monochrome" | "mercury" | Visual style |
className | string | - | Additional CSS classes |