{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "shader-swirl-citrus",
  "title": "Shader Swirl Citrus",
  "description": "Juicy yellow, pink and green bands spiralling on cream.",
  "registryDependencies": ["@remocn/shader-swirl"],
  "files": [
    {
      "path": "registry/remocn/shader-swirl-citrus/index.tsx",
      "content": "\"use client\";\n\nimport {\n  ShaderSwirl,\n  type ShaderSwirlProps,\n} from \"@/components/remocn/shader-swirl\";\n\n// Citrus: juicy yellow, pink and green bands spiralling on cream.\n// A preset of ShaderSwirl. The whole look lives in the object below, so tune\n// it freely. Props you pass override the preset, except `speed`, which scales\n// the preset's own speed instead of replacing it.\n\nexport const shaderSwirlCitrusPreset = {\n  speed: 1,\n  colorBack: \"#fff8e1\",\n  colors: [\"#ffd166\", \"#ef476f\", \"#06d6a0\"],\n  bandCount: 3,\n  twist: 0.25,\n  softness: 0.4,\n  noise: 0,\n} satisfies ShaderSwirlProps;\n\nexport function ShaderSwirlCitrus({ speed = 1, ...props }: ShaderSwirlProps) {\n  return (\n    <ShaderSwirl\n      {...shaderSwirlCitrusPreset}\n      {...props}\n      speed={shaderSwirlCitrusPreset.speed * speed}\n    />\n  );\n}\n",
      "type": "registry:component",
      "target": "components/remocn/shader-swirl-citrus.tsx"
    }
  ],
  "meta": {
    "presetOf": "shader-swirl"
  },
  "type": "registry:component"
}