{
  "$schema": "https://www.cooki-ui.design/schema/registry-item.json",
  "name": "morphing-blob-background",
  "type": "registry:ui",
  "title": "Morphing Blob Background",
  "description": "Organic SVG fluid blob gradients that softly pulse and deform in high dynamic range colors.",
  "category": "backgrounds",
  "dependencies": [
    "framer-motion"
  ],
  "files": [
    {
      "path": "registry/backgrounds/morphing-blob-background/morphing-blob-background.tsx",
      "type": "registry:ui",
      "target": "components/ui/morphing-blob-background.tsx",
      "content": "import React from 'react';\nimport { motion } from 'framer-motion';\n\nexport const MorphingBlobBackground: React.FC = () => {\n  return (\n    <div className=\"relative w-full h-[260px] rounded-3xl overflow-hidden bg-zinc-950 border border-white/10 flex items-center justify-center\">\n      {/* Orb 1 */}\n      <motion.div\n        animate={{\n          scale: [1, 1.25, 0.95, 1],\n          x: [-20, 30, -10, -20],\n          y: [-15, 20, -30, -15],\n        }}\n        transition={{ duration: 10, repeat: Infinity, ease: 'easeInOut' }}\n        className=\"absolute w-48 h-48 rounded-full bg-gradient-to-r from-indigo-500 to-purple-600 blur-3xl opacity-60\"\n      />\n\n      {/* Orb 2 */}\n      <motion.div\n        animate={{\n          scale: [1, 0.85, 1.3, 1],\n          x: [25, -20, 15, 25],\n          y: [20, -25, 10, 20],\n        }}\n        transition={{ duration: 12, repeat: Infinity, ease: 'easeInOut' }}\n        className=\"absolute w-56 h-56 rounded-full bg-gradient-to-r from-cyan-400 to-emerald-500 blur-3xl opacity-50\"\n      />\n\n      {/* Orb 3 */}\n      <motion.div\n        animate={{\n          scale: [1, 1.3, 0.8, 1],\n          x: [0, 15, -25, 0],\n          y: [0, -20, 20, 0],\n        }}\n        transition={{ duration: 14, repeat: Infinity, ease: 'easeInOut' }}\n        className=\"absolute w-44 h-44 rounded-full bg-gradient-to-r from-rose-500 to-amber-500 blur-3xl opacity-40\"\n      />\n\n      <div className=\"relative z-10 px-4 py-2 rounded-xl bg-zinc-900/60 backdrop-blur-md border border-white/10 text-xs font-mono text-zinc-300\">\n        Morphing Vector Ambience\n      </div>\n    </div>\n  );\n};\n"
    }
  ]
}