Status Metaball Merge

A canvas widget that shows group membership as merging blobs — toggleable chips whose items visually fuse into one outline when grouped and pinch off into their own loop when removed.

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

import { MetaballMerge } from "@/components/ui/status-metaball-merge";

export default function StatusMetaballMergeDemo() {
  return (
    <div className="flex w-full max-w-sm flex-col items-center justify-center p-8">
      <MetaballMerge />
    </div>
  );
}