Metaball Loader

Gooey metaball loader: ink beads circle a tilted ring, fusing into chains and pinching apart. WebGL, crisp edges, no dependencies. More like this, plus a designer your coding agent can use, at studios.lou15.com/?ref=21st

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

"use client"

import * as React from "react"
import { MetaballLoader } from "@/components/ui/metaball-loader"

export default function MetaballLoaderDemo() {
  return (
    <div className="flex min-h-screen w-full items-center justify-center bg-[#efeee9] p-8 text-neutral-950 dark:bg-neutral-950 dark:text-[#edebe3]">
      <MetaballLoader size={320} />
    </div>
  )
}