{
  "$schema": "https://www.cooki-ui.design/schema/registry-item.json",
  "name": "metaball-gooey-effect",
  "type": "registry:ui",
  "title": "Metaball Gooey Fluid Drops",
  "description": "Organic liquid gooey metaballs with SVG matrix blur filtration demonstrating fluid droplet merging physics.",
  "category": "effects",
  "dependencies": [
    "framer-motion"
  ],
  "files": [
    {
      "path": "registry/effects/metaball-gooey-effect/metaball-gooey-effect.tsx",
      "type": "registry:ui",
      "target": "components/ui/metaball-gooey-effect.tsx",
      "content": "import React from 'react';\nimport { motion } from 'framer-motion';\n\nexport const MetaballGooeyEffect: React.FC = () => {\n  return (\n    <div className=\"relative w-full h-56 rounded-2xl bg-zinc-950 border border-white/10 flex items-center justify-center overflow-hidden\">\n      {/* SVG Gooey Matrix Filter */}\n      <svg className=\"hidden\">\n        <defs>\n          <filter id=\"gooey-filter\">\n            <feGaussianBlur in=\"SourceGraphic\" stdDeviation=\"10\" result=\"blur\" />\n            <feColorMatrix\n              in=\"blur\"\n              mode=\"matrix\"\n              values=\"1 0 0 0 0  0 1 0 0 0  0 0 1 0 0  0 0 0 18 -7\"\n              result=\"gooey\"\n            />\n          </filter>\n        </defs>\n      </svg>\n\n      <div style={{ filter: 'url(#gooey-filter)' }} className=\"relative flex items-center justify-center\">\n        <div className=\"w-16 h-16 rounded-full bg-indigo-500 shadow-lg\" />\n        <motion.div\n          animate={{ x: [-45, 45, -45], y: [-15, 15, -15] }}\n          transition={{ duration: 3.5, repeat: Infinity, ease: 'easeInOut' }}\n          className=\"w-14 h-14 rounded-full bg-cyan-400\"\n        />\n        <motion.div\n          animate={{ x: [35, -35, 35], y: [20, -20, 20] }}\n          transition={{ duration: 4.2, repeat: Infinity, ease: 'easeInOut' }}\n          className=\"w-12 h-12 rounded-full bg-violet-500\"\n        />\n      </div>\n\n      <span className=\"absolute bottom-3 text-[10px] font-mono text-zinc-500 uppercase tracking-widest\">\n        ORGANIC LIQUID COHESION\n      </span>\n    </div>\n  );\n};\n"
    }
  ]
}