{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "shader-mesh-gradient-aurora",
  "title": "Shader Mesh Gradient Aurora",
  "description": "Cyan and violet ribbons swirling out of a near-black sky.",
  "registryDependencies": ["@remocn/shader-mesh-gradient"],
  "files": [
    {
      "path": "registry/remocn/shader-mesh-gradient-aurora/index.tsx",
      "content": "\"use client\";\n\nimport {\n  ShaderMeshGradient,\n  type ShaderMeshGradientProps,\n} from \"@/components/remocn/shader-mesh-gradient\";\n\n// Aurora: cyan and violet ribbons swirling out of a near-black sky.\n// A preset of ShaderMeshGradient. 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 shaderMeshGradientAuroraPreset = {\n  speed: 1,\n  colors: [\"#020617\", \"#0ea5a4\", \"#22d3ee\", \"#7c3aed\", \"#020617\"],\n  distortion: 1,\n  swirl: 0.8,\n  rotation: 270,\n} satisfies ShaderMeshGradientProps;\n\nexport function ShaderMeshGradientAurora({\n  speed = 1,\n  ...props\n}: ShaderMeshGradientProps) {\n  return (\n    <ShaderMeshGradient\n      {...shaderMeshGradientAuroraPreset}\n      {...props}\n      speed={shaderMeshGradientAuroraPreset.speed * speed}\n    />\n  );\n}\n",
      "type": "registry:component",
      "target": "components/remocn/shader-mesh-gradient-aurora.tsx"
    }
  ],
  "meta": {
    "presetOf": "shader-mesh-gradient"
  },
  "type": "registry:component"
}