{
  "$schema": "https://ui.shadcn.com/schema/registry.json",
  "name": "hazeglow",
  "homepage": "https://hazeglow.dev",
  "items": [
    {
      "name": "gradient-hero",
      "type": "registry:block",
      "title": "Gradient hero",
      "description": "A hero section with an animated, grainy gradient behind the headline, colored by your theme.",
      "author": "Hazeglow (https://hazeglow.dev)",
      "dependencies": [
        "hazeglow@^0.6.1"
      ],
      "files": [
        {
          "path": "registry/hazeglow/gradient-hero.tsx",
          "type": "registry:component"
        }
      ],
      "docs": "Usage: <GradientHero title=\"Make it glow\" description=\"Your pitch here.\"><Button size=\"lg\">Get started</Button></GradientHero>\nColors come from --hazeglow-1 to --hazeglow-5, which this item adds to your CSS for light and dark. They default to Paper moon from the hazeglow.dev gallery; edit them to match your brand, and the gradient fades into --background. Live WebGL2 canvases: keep a few per page, since browsers allow about 16. Design your own look at https://hazeglow.dev/generator and paste its config.",
      "categories": [
        "hero",
        "background",
        "gradient"
      ],
      "cssVars": {
        "light": {
          "hazeglow-1": "#05070c",
          "hazeglow-2": "#1b2a3a",
          "hazeglow-3": "#5d7a8c",
          "hazeglow-4": "#c7d3d9",
          "hazeglow-5": "#f4efe3"
        },
        "dark": {
          "hazeglow-1": "#05070c",
          "hazeglow-2": "#1b2a3a",
          "hazeglow-3": "#5d7a8c",
          "hazeglow-4": "#c7d3d9",
          "hazeglow-5": "#f4efe3"
        }
      }
    },
    {
      "name": "gradient-cta",
      "type": "registry:block",
      "title": "Gradient call to action",
      "description": "A call-to-action band with a slow gradient glowing along its bottom edge, below centered text.",
      "author": "Hazeglow (https://hazeglow.dev)",
      "dependencies": [
        "hazeglow@^0.6.1"
      ],
      "files": [
        {
          "path": "registry/hazeglow/gradient-cta.tsx",
          "type": "registry:component"
        }
      ],
      "docs": "Usage: <GradientCta title=\"Ready when you are\"><Button>Start now</Button></GradientCta>\nColors come from --hazeglow-1 to --hazeglow-5, which this item adds to your CSS for light and dark. They default to Paper moon from the hazeglow.dev gallery; edit them to match your brand, and the gradient fades into --background. Live WebGL2 canvases: keep a few per page, since browsers allow about 16. Design your own look at https://hazeglow.dev/generator and paste its config.",
      "categories": [
        "cta",
        "background",
        "gradient"
      ],
      "cssVars": {
        "light": {
          "hazeglow-1": "#05070c",
          "hazeglow-2": "#1b2a3a",
          "hazeglow-3": "#5d7a8c",
          "hazeglow-4": "#c7d3d9",
          "hazeglow-5": "#f4efe3"
        },
        "dark": {
          "hazeglow-1": "#05070c",
          "hazeglow-2": "#1b2a3a",
          "hazeglow-3": "#5d7a8c",
          "hazeglow-4": "#c7d3d9",
          "hazeglow-5": "#f4efe3"
        }
      }
    },
    {
      "name": "gradient-card",
      "type": "registry:block",
      "title": "Gradient card",
      "description": "A card with a live gradient header that takes its colors from your theme.",
      "author": "Hazeglow (https://hazeglow.dev)",
      "dependencies": [
        "hazeglow@^0.6.1"
      ],
      "files": [
        {
          "path": "registry/hazeglow/gradient-card.tsx",
          "type": "registry:component"
        }
      ],
      "docs": "Usage: <GradientCard title=\"Grainy by default\" description=\"A live gradient header.\" />\nColors come from --hazeglow-1 to --hazeglow-5, which this item adds to your CSS for light and dark. They default to Paper moon from the hazeglow.dev gallery; edit them to match your brand, and the gradient fades into --background. Live WebGL2 canvases: keep a few per page, since browsers allow about 16. Design your own look at https://hazeglow.dev/generator and paste its config.",
      "categories": [
        "card",
        "gradient"
      ],
      "cssVars": {
        "light": {
          "hazeglow-1": "#05070c",
          "hazeglow-2": "#1b2a3a",
          "hazeglow-3": "#5d7a8c",
          "hazeglow-4": "#c7d3d9",
          "hazeglow-5": "#f4efe3"
        },
        "dark": {
          "hazeglow-1": "#05070c",
          "hazeglow-2": "#1b2a3a",
          "hazeglow-3": "#5d7a8c",
          "hazeglow-4": "#c7d3d9",
          "hazeglow-5": "#f4efe3"
        }
      }
    }
  ]
}