Gooey loader preview

Gooey loader

Three blobs that melt into each other through an SVG goo filter.

  • Group
    Spinners
  • Origin
    Adapted · ObsidianUI · source
  • License
    MIT
  • Added
    Oct 18
npx shadcn@latest add @deank/gooey-loader

The registry stays private. Install from the repo with a GitHub token — see the README.

Usage

import { GooeyLoader } from "@/registry/components/gooey-loader/gooey-loader";

<GooeyLoader />

Props

PropTypeDefaultDescription
size?number20Blob diameter in px.
color?string"currentColor"
duration?number1.5Seconds per cycle.

Also accepts every prop of Omit<HTMLMotionProps<"div">, "children">.

When to use

A soft, playful loading indicator for friendly products.

When not to use

Dense tools or tiny inline spots.

Related

Bars spinner · Dot matrix loader