Liquid Loader

Liquid loader for futuristic loading states. Features fluid-like animated blobs in vibrant gradients. Ideal for dark-themed UIs, splash screens, or playful transitions.

Built with React and Tailwind. Copy the prompt and paste it into Claude Code, Cursor or Lovable: your agent adds Liquid Loader to your project and fits it to your theme.

import LiquidLoading from "@/components/ui/liquid-loader";

export default function DotLoaderDemo() {
  return (
    <div className="flex min-h-screen w-full items-center justify-center rounded-lg border bg-background p-4">
      <LiquidLoading />
    </div>
  );
}