registry.json

{
  "$schema": "https://ui.shadcn.com/schema/registry.json",
  "name": "reactomega",
  "version": "1.2.0",
  "homepage": "https://github.com/Edwson/ReactOmega",
  "base": "https://cdn.jsdelivr.net/gh/Edwson/ReactOmega@main/public/r",
  "items": [
    {
      "name": "utils",
      "type": "registry:lib",
      "title": "cn() utility",
      "description": "Tailwind class merge helper used by every component.",
      "dependencies": [
        "clsx",
        "tailwind-merge"
      ],
      "registryDependencies": [],
      "files": [
        {
          "path": "lib/utils.ts",
          "type": "registry:lib",
          "target": "lib/utils.ts"
        }
      ]
    },
    {
      "name": "use-prefers-reduced-motion",
      "type": "registry:hook",
      "title": "usePrefersReducedMotion()",
      "description": "React hook that tracks the user's reduced-motion preference; motion components degrade gracefully when it is true.",
      "dependencies": [],
      "registryDependencies": [],
      "files": [
        {
          "path": "hooks/use-prefers-reduced-motion.ts",
          "type": "registry:hook",
          "target": "hooks/use-prefers-reduced-motion.ts"
        }
      ]
    },
    {
      "name": "use-shader",
      "type": "registry:hook",
      "title": "useShader()",
      "description": "A dependency-free raw WebGL2 runtime for full-screen fragment shaders: DPR-clamped sizing, suspension while off-screen, context-loss recovery, eased pointer input, auto-generated uniform declarations, and a single still frame for reduced-motion users.",
      "dependencies": [],
      "registryDependencies": [
        "https://cdn.jsdelivr.net/gh/Edwson/ReactOmega@main/public/r/use-prefers-reduced-motion.json"
      ],
      "files": [
        {
          "path": "hooks/use-shader.ts",
          "type": "registry:hook",
          "target": "hooks/use-shader.ts"
        }
      ]
    },
    {
      "name": "split-text",
      "type": "registry:component",
      "title": "Split Text",
      "description": "Reveals text per character or word on scroll into view with a staggered spring rise. Screen-reader safe via aria-label.",
      "category": "text",
      "tags": [
        "text",
        "reveal",
        "scroll",
        "stagger"
      ],
      "dependencies": [],
      "registryDependencies": [
        "https://cdn.jsdelivr.net/gh/Edwson/ReactOmega@main/public/r/utils.json",
        "https://cdn.jsdelivr.net/gh/Edwson/ReactOmega@main/public/r/use-prefers-reduced-motion.json"
      ],
      "files": [
        {
          "path": "components/reactomega/split-text.tsx",
          "type": "registry:component",
          "target": "components/reactomega/split-text.tsx"
        }
      ]
    },
    {
      "name": "shiny-text",
      "type": "registry:component",
      "title": "Shiny Text",
      "description": "A soft highlight sweeps across text on a loop. Pure CSS, zero dependencies.",
      "category": "text",
      "tags": [
        "text",
        "shine",
        "css"
      ],
      "dependencies": [],
      "registryDependencies": [
        "https://cdn.jsdelivr.net/gh/Edwson/ReactOmega@main/public/r/utils.json"
      ],
      "files": [
        {
          "path": "components/reactomega/shiny-text.tsx",
          "type": "registry:component",
          "target": "components/reactomega/shiny-text.tsx"
        }
      ]
    },
    {
      "name": "gradient-text",
      "type": "registry:component",
      "title": "Gradient Text",
      "description": "An animated multi-stop gradient flows through the text. Pure CSS.",
      "category": "text",
      "tags": [
        "text",
        "gradient",
        "css"
      ],
      "dependencies": [],
      "registryDependencies": [
        "https://cdn.jsdelivr.net/gh/Edwson/ReactOmega@main/public/r/utils.json"
      ],
      "files": [
        {
          "path": "components/reactomega/gradient-text.tsx",
          "type": "registry:component",
          "target": "components/reactomega/gradient-text.tsx"
        }
      ]
    },
    {
      "name": "count-up",
      "type": "registry:component",
      "title": "Count Up",
      "description": "Rolls a number from a start to a target with ease-out, optionally when scrolled into view. tabular-nums prevents width jitter.",
      "category": "text",
      "tags": [
        "text",
        "number",
        "counter",
        "scroll"
      ],
      "dependencies": [],
      "registryDependencies": [
        "https://cdn.jsdelivr.net/gh/Edwson/ReactOmega@main/public/r/utils.json",
        "https://cdn.jsdelivr.net/gh/Edwson/ReactOmega@main/public/r/use-prefers-reduced-motion.json"
      ],
      "files": [
        {
          "path": "components/reactomega/count-up.tsx",
          "type": "registry:component",
          "target": "components/reactomega/count-up.tsx"
        }
      ]
    },
    {
      "name": "magnetic",
      "type": "registry:component",
      "title": "Magnetic",
      "description": "Wraps any element so it drifts toward the pointer and springs back on leave. Mouse-only, reduced-motion safe.",
      "category": "interaction",
      "tags": [
        "interaction",
        "pointer",
        "magnetic",
        "hover"
      ],
      "dependencies": [],
      "registryDependencies": [
        "https://cdn.jsdelivr.net/gh/Edwson/ReactOmega@main/public/r/utils.json",
        "https://cdn.jsdelivr.net/gh/Edwson/ReactOmega@main/public/r/use-prefers-reduced-motion.json"
      ],
      "files": [
        {
          "path": "components/reactomega/magnetic.tsx",
          "type": "registry:component",
          "target": "components/reactomega/magnetic.tsx"
        }
      ]
    },
    {
      "name": "spotlight-card",
      "type": "registry:component",
      "title": "Spotlight Card",
      "description": "A card with a soft radial spotlight that tracks the pointer and fades on enter/leave.",
      "category": "interaction",
      "tags": [
        "interaction",
        "card",
        "spotlight",
        "pointer"
      ],
      "dependencies": [],
      "registryDependencies": [
        "https://cdn.jsdelivr.net/gh/Edwson/ReactOmega@main/public/r/utils.json",
        "https://cdn.jsdelivr.net/gh/Edwson/ReactOmega@main/public/r/use-prefers-reduced-motion.json"
      ],
      "files": [
        {
          "path": "components/reactomega/spotlight-card.tsx",
          "type": "registry:component",
          "target": "components/reactomega/spotlight-card.tsx"
        }
      ]
    },
    {
      "name": "tilt-card",
      "type": "registry:component",
      "title": "Tilt Card",
      "description": "A 3D card that tilts toward the pointer with an optional moving glare. Flat and static for reduced-motion users.",
      "category": "interaction",
      "tags": [
        "interaction",
        "card",
        "3d",
        "tilt",
        "glare"
      ],
      "dependencies": [],
      "registryDependencies": [
        "https://cdn.jsdelivr.net/gh/Edwson/ReactOmega@main/public/r/utils.json",
        "https://cdn.jsdelivr.net/gh/Edwson/ReactOmega@main/public/r/use-prefers-reduced-motion.json"
      ],
      "files": [
        {
          "path": "components/reactomega/tilt-card.tsx",
          "type": "registry:component",
          "target": "components/reactomega/tilt-card.tsx"
        }
      ]
    },
    {
      "name": "click-spark",
      "type": "registry:component",
      "title": "Click Spark",
      "description": "Emits a radial spark burst from the exact click point on a self-clearing canvas overlay.",
      "category": "interaction",
      "tags": [
        "interaction",
        "click",
        "spark",
        "canvas"
      ],
      "dependencies": [],
      "registryDependencies": [
        "https://cdn.jsdelivr.net/gh/Edwson/ReactOmega@main/public/r/utils.json",
        "https://cdn.jsdelivr.net/gh/Edwson/ReactOmega@main/public/r/use-prefers-reduced-motion.json"
      ],
      "files": [
        {
          "path": "components/reactomega/click-spark.tsx",
          "type": "registry:component",
          "target": "components/reactomega/click-spark.tsx"
        }
      ]
    },
    {
      "name": "dot-grid",
      "type": "registry:component",
      "title": "Dot Grid",
      "description": "An interactive dot field that lights up and swells around the pointer. A modern, non-cosmic backdrop.",
      "category": "interaction",
      "tags": [
        "interaction",
        "background",
        "canvas",
        "pointer"
      ],
      "dependencies": [],
      "registryDependencies": [
        "https://cdn.jsdelivr.net/gh/Edwson/ReactOmega@main/public/r/utils.json",
        "https://cdn.jsdelivr.net/gh/Edwson/ReactOmega@main/public/r/use-prefers-reduced-motion.json"
      ],
      "files": [
        {
          "path": "components/reactomega/dot-grid.tsx",
          "type": "registry:component",
          "target": "components/reactomega/dot-grid.tsx"
        }
      ]
    },
    {
      "name": "star-border",
      "type": "registry:component",
      "title": "Star Border",
      "description": "Two soft glints travel continuously around the border of any element. Pure CSS.",
      "category": "components",
      "tags": [
        "components",
        "button",
        "border",
        "css"
      ],
      "dependencies": [],
      "registryDependencies": [
        "https://cdn.jsdelivr.net/gh/Edwson/ReactOmega@main/public/r/utils.json"
      ],
      "files": [
        {
          "path": "components/reactomega/star-border.tsx",
          "type": "registry:component",
          "target": "components/reactomega/star-border.tsx"
        }
      ]
    },
    {
      "name": "dock",
      "type": "registry:component",
      "title": "Dock",
      "description": "A macOS-style magnifying dock; items swell based on pointer distance. Renders as a toolbar.",
      "category": "components",
      "tags": [
        "components",
        "dock",
        "magnify",
        "nav"
      ],
      "dependencies": [],
      "registryDependencies": [
        "https://cdn.jsdelivr.net/gh/Edwson/ReactOmega@main/public/r/utils.json",
        "https://cdn.jsdelivr.net/gh/Edwson/ReactOmega@main/public/r/use-prefers-reduced-motion.json"
      ],
      "files": [
        {
          "path": "components/reactomega/dock.tsx",
          "type": "registry:component",
          "target": "components/reactomega/dock.tsx"
        }
      ]
    },
    {
      "name": "marquee",
      "type": "registry:component",
      "title": "Marquee",
      "description": "A seamless infinite scroller (horizontal or vertical) with edge fade and pause-on-hover.",
      "category": "components",
      "tags": [
        "components",
        "marquee",
        "scroll",
        "css"
      ],
      "dependencies": [],
      "registryDependencies": [
        "https://cdn.jsdelivr.net/gh/Edwson/ReactOmega@main/public/r/utils.json"
      ],
      "files": [
        {
          "path": "components/reactomega/marquee.tsx",
          "type": "registry:component",
          "target": "components/reactomega/marquee.tsx"
        }
      ]
    },
    {
      "name": "variable-proximity",
      "type": "registry:component",
      "title": "Variable Proximity",
      "description": "Every letter's variable-font axes (weight, width, optical size, slant, or any custom axis) interpolate based on pointer distance. Fully configurable axes, radius, and falloff curve. Needs a variable font.",
      "category": "text",
      "tags": [
        "text",
        "variable-font",
        "proximity",
        "pointer",
        "customizable"
      ],
      "dependencies": [],
      "registryDependencies": [
        "https://cdn.jsdelivr.net/gh/Edwson/ReactOmega@main/public/r/utils.json",
        "https://cdn.jsdelivr.net/gh/Edwson/ReactOmega@main/public/r/use-prefers-reduced-motion.json"
      ],
      "files": [
        {
          "path": "components/reactomega/variable-proximity.tsx",
          "type": "registry:component",
          "target": "components/reactomega/variable-proximity.tsx"
        }
      ]
    },
    {
      "name": "magnetic-text",
      "type": "registry:component",
      "title": "Magnetic Text",
      "description": "Every letter is independently magnetic, springing toward the pointer and easing back with real spring physics. Configurable strength, radius, stiffness, damping.",
      "category": "text",
      "tags": [
        "text",
        "magnetic",
        "spring",
        "pointer",
        "physics"
      ],
      "dependencies": [],
      "registryDependencies": [
        "https://cdn.jsdelivr.net/gh/Edwson/ReactOmega@main/public/r/utils.json",
        "https://cdn.jsdelivr.net/gh/Edwson/ReactOmega@main/public/r/use-prefers-reduced-motion.json"
      ],
      "files": [
        {
          "path": "components/reactomega/magnetic-text.tsx",
          "type": "registry:component",
          "target": "components/reactomega/magnetic-text.tsx"
        }
      ]
    },
    {
      "name": "gravity-text",
      "type": "registry:component",
      "title": "Gravity Text",
      "description": "Letters detach and fall under real gravity, bounce off the floor with friction, then reassemble. Configurable gravity, bounce, friction, scatter, and trigger.",
      "category": "text",
      "tags": [
        "text",
        "gravity",
        "physics",
        "bounce",
        "interactive"
      ],
      "dependencies": [],
      "registryDependencies": [
        "https://cdn.jsdelivr.net/gh/Edwson/ReactOmega@main/public/r/utils.json",
        "https://cdn.jsdelivr.net/gh/Edwson/ReactOmega@main/public/r/use-prefers-reduced-motion.json"
      ],
      "files": [
        {
          "path": "components/reactomega/gravity-text.tsx",
          "type": "registry:component",
          "target": "components/reactomega/gravity-text.tsx"
        }
      ]
    },
    {
      "name": "elastic-text",
      "type": "registry:component",
      "title": "Elastic Text",
      "description": "Letters swell and lift with a springy, overshooting jelly squash-and-stretch as the pointer passes. Configurable stiffness, damping, scale, lift, radius.",
      "category": "text",
      "tags": [
        "text",
        "elastic",
        "jelly",
        "spring",
        "physics"
      ],
      "dependencies": [],
      "registryDependencies": [
        "https://cdn.jsdelivr.net/gh/Edwson/ReactOmega@main/public/r/utils.json",
        "https://cdn.jsdelivr.net/gh/Edwson/ReactOmega@main/public/r/use-prefers-reduced-motion.json"
      ],
      "files": [
        {
          "path": "components/reactomega/elastic-text.tsx",
          "type": "registry:component",
          "target": "components/reactomega/elastic-text.tsx"
        }
      ]
    },
    {
      "name": "scramble-text",
      "type": "registry:component",
      "title": "Scramble Text",
      "description": "Letters churn through random glyphs and lock in left-to-right like a decoding terminal. Configurable charset, speed, reveal wipe, and trigger.",
      "category": "text",
      "tags": [
        "text",
        "scramble",
        "decode",
        "terminal",
        "customizable"
      ],
      "dependencies": [],
      "registryDependencies": [
        "https://cdn.jsdelivr.net/gh/Edwson/ReactOmega@main/public/r/utils.json",
        "https://cdn.jsdelivr.net/gh/Edwson/ReactOmega@main/public/r/use-prefers-reduced-motion.json"
      ],
      "files": [
        {
          "path": "components/reactomega/scramble-text.tsx",
          "type": "registry:component",
          "target": "components/reactomega/scramble-text.tsx"
        }
      ]
    },
    {
      "name": "spring-mesh",
      "type": "registry:component",
      "title": "Spring Mesh",
      "description": "An elastic lattice: every node is sprung to rest and coupled to its neighbors, so pressing the pointer sends real waves rippling outward that settle naturally.",
      "category": "physics",
      "tags": [
        "physics",
        "spring",
        "mesh",
        "canvas",
        "interactive"
      ],
      "dependencies": [],
      "registryDependencies": [
        "https://cdn.jsdelivr.net/gh/Edwson/ReactOmega@main/public/r/utils.json",
        "https://cdn.jsdelivr.net/gh/Edwson/ReactOmega@main/public/r/use-prefers-reduced-motion.json"
      ],
      "files": [
        {
          "path": "components/reactomega/spring-mesh.tsx",
          "type": "registry:component",
          "target": "components/reactomega/spring-mesh.tsx"
        }
      ]
    },
    {
      "name": "cloth",
      "type": "registry:component",
      "title": "Cloth",
      "description": "A real verlet-integrated fabric hanging from a pinned top edge under gravity. Grab any point and it folds, swings, and settles like cloth.",
      "category": "physics",
      "tags": [
        "physics",
        "verlet",
        "cloth",
        "drag",
        "canvas"
      ],
      "dependencies": [],
      "registryDependencies": [
        "https://cdn.jsdelivr.net/gh/Edwson/ReactOmega@main/public/r/utils.json",
        "https://cdn.jsdelivr.net/gh/Edwson/ReactOmega@main/public/r/use-prefers-reduced-motion.json"
      ],
      "files": [
        {
          "path": "components/reactomega/cloth.tsx",
          "type": "registry:component",
          "target": "components/reactomega/cloth.tsx"
        }
      ]
    },
    {
      "name": "metaballs",
      "type": "registry:component",
      "title": "Metaballs",
      "description": "A gooey fluid that flows toward the pointer and merges with surface-tension feel via an SVG goo filter. Configurable count, color, size, and viscosity.",
      "category": "physics",
      "tags": [
        "physics",
        "fluid",
        "gooey",
        "metaballs",
        "pointer"
      ],
      "dependencies": [],
      "registryDependencies": [
        "https://cdn.jsdelivr.net/gh/Edwson/ReactOmega@main/public/r/utils.json",
        "https://cdn.jsdelivr.net/gh/Edwson/ReactOmega@main/public/r/use-prefers-reduced-motion.json"
      ],
      "files": [
        {
          "path": "components/reactomega/metaballs.tsx",
          "type": "registry:component",
          "target": "components/reactomega/metaballs.tsx"
        }
      ]
    },
    {
      "name": "holographic-card",
      "type": "registry:component",
      "title": "Holographic Card",
      "description": "An iridescent holo-foil card: a rainbow sheen and bright glare track the pointer with a color-dodge blend, over a subtle 3D tilt. Configurable tilt, intensity, and foil colors.",
      "category": "interaction",
      "tags": [
        "interaction",
        "card",
        "holographic",
        "foil",
        "3d"
      ],
      "dependencies": [],
      "registryDependencies": [
        "https://cdn.jsdelivr.net/gh/Edwson/ReactOmega@main/public/r/utils.json",
        "https://cdn.jsdelivr.net/gh/Edwson/ReactOmega@main/public/r/use-prefers-reduced-motion.json"
      ],
      "files": [
        {
          "path": "components/reactomega/holographic-card.tsx",
          "type": "registry:component",
          "target": "components/reactomega/holographic-card.tsx"
        }
      ]
    },
    {
      "name": "text-reveal",
      "type": "registry:component",
      "title": "Text Reveal",
      "description": "Words brighten one after another as the block scrolls through the viewport — a scroll-linked reading spotlight. Configurable dim/lit colors and edge softness.",
      "category": "text",
      "tags": [
        "text",
        "scroll",
        "reveal",
        "reading"
      ],
      "dependencies": [],
      "registryDependencies": [
        "https://cdn.jsdelivr.net/gh/Edwson/ReactOmega@main/public/r/utils.json",
        "https://cdn.jsdelivr.net/gh/Edwson/ReactOmega@main/public/r/use-prefers-reduced-motion.json"
      ],
      "files": [
        {
          "path": "components/reactomega/text-reveal.tsx",
          "type": "registry:component",
          "target": "components/reactomega/text-reveal.tsx"
        }
      ]
    },
    {
      "name": "rope",
      "type": "registry:component",
      "title": "Rope",
      "description": "A verlet-integrated rope hangs from a fixed anchor — grab it, drag it, and watch it swing and settle under gravity.",
      "category": "physics",
      "tags": [
        "physics",
        "verlet",
        "canvas",
        "drag"
      ],
      "dependencies": [],
      "registryDependencies": [
        "https://cdn.jsdelivr.net/gh/Edwson/ReactOmega@main/public/r/utils.json",
        "https://cdn.jsdelivr.net/gh/Edwson/ReactOmega@main/public/r/use-prefers-reduced-motion.json"
      ],
      "files": [
        {
          "path": "components/reactomega/rope.tsx",
          "type": "registry:component",
          "target": "components/reactomega/rope.tsx"
        }
      ]
    },
    {
      "name": "pendulum-wave",
      "type": "registry:component",
      "title": "Pendulum Wave",
      "description": "A row of pendulums with subtly increasing lengths drift in and out of phase to form the classic traveling pendulum-wave pattern.",
      "category": "physics",
      "tags": [
        "physics",
        "pendulum",
        "wave",
        "canvas"
      ],
      "dependencies": [],
      "registryDependencies": [
        "https://cdn.jsdelivr.net/gh/Edwson/ReactOmega@main/public/r/utils.json",
        "https://cdn.jsdelivr.net/gh/Edwson/ReactOmega@main/public/r/use-prefers-reduced-motion.json"
      ],
      "files": [
        {
          "path": "components/reactomega/pendulum-wave.tsx",
          "type": "registry:component",
          "target": "components/reactomega/pendulum-wave.tsx"
        }
      ]
    },
    {
      "name": "newtons-cradle",
      "type": "registry:component",
      "title": "Newton's Cradle",
      "description": "An interactive Newton's cradle — pull an end ball back, release, and momentum transfers through the row to fling the far ball out.",
      "category": "physics",
      "tags": [
        "physics",
        "collision",
        "momentum",
        "canvas"
      ],
      "dependencies": [],
      "registryDependencies": [
        "https://cdn.jsdelivr.net/gh/Edwson/ReactOmega@main/public/r/utils.json",
        "https://cdn.jsdelivr.net/gh/Edwson/ReactOmega@main/public/r/use-prefers-reduced-motion.json"
      ],
      "files": [
        {
          "path": "components/reactomega/newtons-cradle.tsx",
          "type": "registry:component",
          "target": "components/reactomega/newtons-cradle.tsx"
        }
      ]
    },
    {
      "name": "water-ripple",
      "type": "registry:component",
      "title": "Water Ripple",
      "description": "A height-field water surface where pointer input spawns ripples that spread, reflect off edges, and shade from the local height gradient.",
      "category": "physics",
      "tags": [
        "physics",
        "water",
        "ripple",
        "canvas"
      ],
      "dependencies": [],
      "registryDependencies": [
        "https://cdn.jsdelivr.net/gh/Edwson/ReactOmega@main/public/r/utils.json",
        "https://cdn.jsdelivr.net/gh/Edwson/ReactOmega@main/public/r/use-prefers-reduced-motion.json"
      ],
      "files": [
        {
          "path": "components/reactomega/water-ripple.tsx",
          "type": "registry:component",
          "target": "components/reactomega/water-ripple.tsx"
        }
      ]
    },
    {
      "name": "gravity-wells",
      "type": "registry:component",
      "title": "Gravity Wells",
      "description": "Hundreds of particles orbit the pointer as a 1/dist^2 gravity well, leaving luminous trails via per-frame translucent fade.",
      "category": "physics",
      "tags": [
        "physics",
        "particles",
        "gravity",
        "trails"
      ],
      "dependencies": [],
      "registryDependencies": [
        "https://cdn.jsdelivr.net/gh/Edwson/ReactOmega@main/public/r/utils.json",
        "https://cdn.jsdelivr.net/gh/Edwson/ReactOmega@main/public/r/use-prefers-reduced-motion.json"
      ],
      "files": [
        {
          "path": "components/reactomega/gravity-wells.tsx",
          "type": "registry:component",
          "target": "components/reactomega/gravity-wells.tsx"
        }
      ]
    },
    {
      "name": "magnetic-field",
      "type": "registry:component",
      "title": "Magnetic Field",
      "description": "A grid of iron-filing segments that re-orient along a dipole field anchored at the pointer, with length and brightness scaling by proximity.",
      "category": "physics",
      "tags": [
        "physics",
        "magnetism",
        "field",
        "filings"
      ],
      "dependencies": [],
      "registryDependencies": [
        "https://cdn.jsdelivr.net/gh/Edwson/ReactOmega@main/public/r/utils.json",
        "https://cdn.jsdelivr.net/gh/Edwson/ReactOmega@main/public/r/use-prefers-reduced-motion.json"
      ],
      "files": [
        {
          "path": "components/reactomega/magnetic-field.tsx",
          "type": "registry:component",
          "target": "components/reactomega/magnetic-field.tsx"
        }
      ]
    },
    {
      "name": "soft-body",
      "type": "registry:component",
      "title": "Soft Body",
      "description": "A poke-able jelly blob held in a circle by perimeter, radius, and pressure springs that wobbles and recovers when you squish it with the pointer.",
      "category": "physics",
      "tags": [
        "physics",
        "soft-body",
        "springs",
        "canvas"
      ],
      "dependencies": [],
      "registryDependencies": [
        "https://cdn.jsdelivr.net/gh/Edwson/ReactOmega@main/public/r/utils.json",
        "https://cdn.jsdelivr.net/gh/Edwson/ReactOmega@main/public/r/use-prefers-reduced-motion.json"
      ],
      "files": [
        {
          "path": "components/reactomega/soft-body.tsx",
          "type": "registry:component",
          "target": "components/reactomega/soft-body.tsx"
        }
      ]
    },
    {
      "name": "plucked-string",
      "type": "registry:component",
      "title": "Plucked String",
      "description": "A string pinned at both ends that you grab and pluck, then watch vibrate with a realistic decaying wave driven by neighbor-averaging physics.",
      "category": "physics",
      "tags": [
        "physics",
        "string",
        "wave",
        "canvas"
      ],
      "dependencies": [],
      "registryDependencies": [
        "https://cdn.jsdelivr.net/gh/Edwson/ReactOmega@main/public/r/utils.json",
        "https://cdn.jsdelivr.net/gh/Edwson/ReactOmega@main/public/r/use-prefers-reduced-motion.json"
      ],
      "files": [
        {
          "path": "components/reactomega/plucked-string.tsx",
          "type": "registry:component",
          "target": "components/reactomega/plucked-string.tsx"
        }
      ]
    },
    {
      "name": "falling-sand",
      "type": "registry:component",
      "title": "Falling Sand",
      "description": "A falling-sand cellular automaton where dragging the pointer pours colored grains that fall and slide diagonally into realistic piling mounds.",
      "category": "physics",
      "tags": [
        "physics",
        "cellular-automaton",
        "sand",
        "canvas"
      ],
      "dependencies": [],
      "registryDependencies": [
        "https://cdn.jsdelivr.net/gh/Edwson/ReactOmega@main/public/r/utils.json",
        "https://cdn.jsdelivr.net/gh/Edwson/ReactOmega@main/public/r/use-prefers-reduced-motion.json"
      ],
      "files": [
        {
          "path": "components/reactomega/falling-sand.tsx",
          "type": "registry:component",
          "target": "components/reactomega/falling-sand.tsx"
        }
      ]
    },
    {
      "name": "liquid-metal",
      "type": "registry:component",
      "title": "Liquid Metal",
      "description": "A molten chrome surface that flows, catches light and dents away from the pointer. Two rounds of domain-warped FBM drive a height field; the normal is taken from finite differences each frame and lit with diffuse, specular and swept polish bands.",
      "category": "shader",
      "tags": [
        "shader",
        "webgl",
        "metal",
        "background",
        "pointer"
      ],
      "dependencies": [],
      "registryDependencies": [
        "https://cdn.jsdelivr.net/gh/Edwson/ReactOmega@main/public/r/utils.json",
        "https://cdn.jsdelivr.net/gh/Edwson/ReactOmega@main/public/r/use-shader.json"
      ],
      "files": [
        {
          "path": "components/reactomega/liquid-metal.tsx",
          "type": "registry:component",
          "target": "components/reactomega/liquid-metal.tsx"
        }
      ]
    },
    {
      "name": "thin-film",
      "type": "registry:component",
      "title": "Thin Film",
      "description": "Iridescent soap-film sheen computed from real thin-film interference: phase is evaluated at three representative RGB wavelengths over a wobbling thickness field, so the fringe order is physical rather than a hue rotation. The pointer thins the film and shifts the bands.",
      "category": "shader",
      "tags": [
        "shader",
        "webgl",
        "iridescent",
        "interference",
        "background"
      ],
      "dependencies": [],
      "registryDependencies": [
        "https://cdn.jsdelivr.net/gh/Edwson/ReactOmega@main/public/r/utils.json",
        "https://cdn.jsdelivr.net/gh/Edwson/ReactOmega@main/public/r/use-shader.json"
      ],
      "files": [
        {
          "path": "components/reactomega/thin-film.tsx",
          "type": "registry:component",
          "target": "components/reactomega/thin-film.tsx"
        }
      ]
    },
    {
      "name": "caustics",
      "type": "registry:component",
      "title": "Caustics",
      "description": "Underwater light caustics: a coordinate folded back on itself several times, each pass accumulating reciprocal distance, then gamma-crushed so only the focus filaments survive. The pointer disturbs the water above.",
      "category": "shader",
      "tags": [
        "shader",
        "webgl",
        "water",
        "caustics",
        "background"
      ],
      "dependencies": [],
      "registryDependencies": [
        "https://cdn.jsdelivr.net/gh/Edwson/ReactOmega@main/public/r/utils.json",
        "https://cdn.jsdelivr.net/gh/Edwson/ReactOmega@main/public/r/use-shader.json"
      ],
      "files": [
        {
          "path": "components/reactomega/caustics.tsx",
          "type": "registry:component",
          "target": "components/reactomega/caustics.tsx"
        }
      ]
    },
    {
      "name": "halftone-gradient",
      "type": "registry:component",
      "title": "Halftone Gradient",
      "description": "A drifting multi-stop gradient rendered through a print screen — either angled per-channel dots with radius proportional to the square root of tone, or a computed 4x4 ordered Bayer matrix. The screen opens up under the pointer.",
      "category": "shader",
      "tags": [
        "shader",
        "webgl",
        "halftone",
        "dither",
        "print",
        "background"
      ],
      "dependencies": [],
      "registryDependencies": [
        "https://cdn.jsdelivr.net/gh/Edwson/ReactOmega@main/public/r/utils.json",
        "https://cdn.jsdelivr.net/gh/Edwson/ReactOmega@main/public/r/use-shader.json"
      ],
      "files": [
        {
          "path": "components/reactomega/halftone-gradient.tsx",
          "type": "registry:component",
          "target": "components/reactomega/halftone-gradient.tsx"
        }
      ]
    },
    {
      "name": "volumetric-rays",
      "type": "registry:component",
      "title": "Volumetric Rays",
      "description": "God rays from a pointer-driven light source, integrated the classic way: march back toward the light sampling a drifting haze field and attenuating each step, with decay normalised by sample count so quality and brightness stay independent.",
      "category": "shader",
      "tags": [
        "shader",
        "webgl",
        "light",
        "rays",
        "background"
      ],
      "dependencies": [],
      "registryDependencies": [
        "https://cdn.jsdelivr.net/gh/Edwson/ReactOmega@main/public/r/utils.json",
        "https://cdn.jsdelivr.net/gh/Edwson/ReactOmega@main/public/r/use-shader.json"
      ],
      "files": [
        {
          "path": "components/reactomega/volumetric-rays.tsx",
          "type": "registry:component",
          "target": "components/reactomega/volumetric-rays.tsx"
        }
      ]
    },
    {
      "name": "curl-flow",
      "type": "registry:component",
      "title": "Curl Flow",
      "description": "Silk-like flowing bands from a curl-noise field. FBM acts as a stream function and the velocity is the perpendicular of its gradient, so the field is divergence-free by construction; coordinates advect along it and shade as anisotropic streamlines. The pointer injects a vortex.",
      "category": "shader",
      "tags": [
        "shader",
        "webgl",
        "curl-noise",
        "flow",
        "silk",
        "background"
      ],
      "dependencies": [],
      "registryDependencies": [
        "https://cdn.jsdelivr.net/gh/Edwson/ReactOmega@main/public/r/utils.json",
        "https://cdn.jsdelivr.net/gh/Edwson/ReactOmega@main/public/r/use-shader.json"
      ],
      "files": [
        {
          "path": "components/reactomega/curl-flow.tsx",
          "type": "registry:component",
          "target": "components/reactomega/curl-flow.tsx"
        }
      ]
    },
    {
      "name": "inertia-cursor",
      "type": "registry:component",
      "title": "Inertia Cursor",
      "description": "Replaces the native cursor with an exact dot plus a ring that lags on a spring, growing over anything matching a selector. Hover is delegated from the document so late-mounted elements work, and difference blending keeps it visible on any background.",
      "category": "cursor",
      "tags": [
        "cursor",
        "pointer",
        "spring",
        "blend"
      ],
      "dependencies": [],
      "registryDependencies": [
        "https://cdn.jsdelivr.net/gh/Edwson/ReactOmega@main/public/r/utils.json",
        "https://cdn.jsdelivr.net/gh/Edwson/ReactOmega@main/public/r/use-prefers-reduced-motion.json"
      ],
      "files": [
        {
          "path": "components/reactomega/inertia-cursor.tsx",
          "type": "registry:component",
          "target": "components/reactomega/inertia-cursor.tsx"
        }
      ]
    },
    {
      "name": "elastic-cursor",
      "type": "registry:component",
      "title": "Elastic Cursor",
      "description": "A gooey cursor that stretches along its own velocity vector and squashes perpendicular so its area is conserved exactly, rotating into the direction of travel and settling back to a circle at rest. Optional trailing blobs are welded together by an SVG goo filter.",
      "category": "cursor",
      "tags": [
        "cursor",
        "pointer",
        "goo",
        "elastic",
        "svg"
      ],
      "dependencies": [],
      "registryDependencies": [
        "https://cdn.jsdelivr.net/gh/Edwson/ReactOmega@main/public/r/utils.json",
        "https://cdn.jsdelivr.net/gh/Edwson/ReactOmega@main/public/r/use-prefers-reduced-motion.json"
      ],
      "files": [
        {
          "path": "components/reactomega/elastic-cursor.tsx",
          "type": "registry:component",
          "target": "components/reactomega/elastic-cursor.tsx"
        }
      ]
    },
    {
      "name": "image-trail",
      "type": "registry:component",
      "title": "Image Trail",
      "description": "Drops images along the pointer's path as it crosses a container, each fading and scaling out. Emission is thresholded by distance travelled rather than by event, with the remainder carried between events, so spacing stays even at any speed.",
      "category": "cursor",
      "tags": [
        "cursor",
        "pointer",
        "trail",
        "images",
        "hover"
      ],
      "dependencies": [],
      "registryDependencies": [
        "https://cdn.jsdelivr.net/gh/Edwson/ReactOmega@main/public/r/utils.json",
        "https://cdn.jsdelivr.net/gh/Edwson/ReactOmega@main/public/r/use-prefers-reduced-motion.json"
      ],
      "files": [
        {
          "path": "components/reactomega/image-trail.tsx",
          "type": "registry:component",
          "target": "components/reactomega/image-trail.tsx"
        }
      ]
    },
    {
      "name": "pixel-trail",
      "type": "registry:component",
      "title": "Pixel Trail",
      "description": "A canvas grid whose cells ignite under the pointer and decay exponentially into a dissolving comet trail. The path between the previous and current position is walked at sub-cell steps, so a fast flick still lights a continuous line.",
      "category": "cursor",
      "tags": [
        "cursor",
        "pointer",
        "canvas",
        "pixels",
        "trail"
      ],
      "dependencies": [],
      "registryDependencies": [
        "https://cdn.jsdelivr.net/gh/Edwson/ReactOmega@main/public/r/utils.json",
        "https://cdn.jsdelivr.net/gh/Edwson/ReactOmega@main/public/r/use-prefers-reduced-motion.json"
      ],
      "files": [
        {
          "path": "components/reactomega/pixel-trail.tsx",
          "type": "registry:component",
          "target": "components/reactomega/pixel-trail.tsx"
        }
      ]
    },
    {
      "name": "crosshair",
      "type": "registry:component",
      "title": "Crosshair",
      "description": "A precision overlay: full-bleed hairlines, a centre reticle and a live monospace coordinate readout that snap to nearby targets. Distance is measured point-to-rectangle so hovering a target always locks, and one smoothstepped scalar drives the whole engage.",
      "category": "cursor",
      "tags": [
        "cursor",
        "pointer",
        "crosshair",
        "snapping",
        "instrument"
      ],
      "dependencies": [],
      "registryDependencies": [
        "https://cdn.jsdelivr.net/gh/Edwson/ReactOmega@main/public/r/utils.json",
        "https://cdn.jsdelivr.net/gh/Edwson/ReactOmega@main/public/r/use-prefers-reduced-motion.json"
      ],
      "files": [
        {
          "path": "components/reactomega/crosshair.tsx",
          "type": "registry:component",
          "target": "components/reactomega/crosshair.tsx"
        }
      ]
    },
    {
      "name": "scroll-stack",
      "type": "registry:component",
      "title": "Scroll Stack",
      "description": "Cards that stack into a deck as you scroll, pinned with native sticky positioning. Each card's depth is the running sum of how far the later cards have travelled, so the scale, dim and blur are continuous rather than stepped, and the front card always stays clean.",
      "category": "scroll",
      "tags": [
        "scroll",
        "sticky",
        "cards",
        "stack"
      ],
      "dependencies": [],
      "registryDependencies": [
        "https://cdn.jsdelivr.net/gh/Edwson/ReactOmega@main/public/r/utils.json",
        "https://cdn.jsdelivr.net/gh/Edwson/ReactOmega@main/public/r/use-prefers-reduced-motion.json"
      ],
      "files": [
        {
          "path": "components/reactomega/scroll-stack.tsx",
          "type": "registry:component",
          "target": "components/reactomega/scroll-stack.tsx"
        }
      ]
    },
    {
      "name": "scroll-velocity",
      "type": "registry:component",
      "title": "Scroll Velocity",
      "description": "A seamless row that drifts at a base speed but is driven by scroll velocity, skewing as it lurches and easing back to baseline when you stop. Velocity is smoothed with a time-constant decay, so the feel is identical at 60Hz and 120Hz.",
      "category": "scroll",
      "tags": [
        "scroll",
        "velocity",
        "marquee",
        "skew"
      ],
      "dependencies": [],
      "registryDependencies": [
        "https://cdn.jsdelivr.net/gh/Edwson/ReactOmega@main/public/r/utils.json",
        "https://cdn.jsdelivr.net/gh/Edwson/ReactOmega@main/public/r/use-prefers-reduced-motion.json"
      ],
      "files": [
        {
          "path": "components/reactomega/scroll-velocity.tsx",
          "type": "registry:component",
          "target": "components/reactomega/scroll-velocity.tsx"
        }
      ]
    },
    {
      "name": "parallax-layers",
      "type": "registry:component",
      "title": "Parallax Layers",
      "description": "Depth layers that drift at different rates as a section crosses the viewport, with optional scale and blur on distant layers. Progress is normalised against the section's own centre, so the composition is neutral exactly when the section is centred.",
      "category": "scroll",
      "tags": [
        "scroll",
        "parallax",
        "depth",
        "layers"
      ],
      "dependencies": [],
      "registryDependencies": [
        "https://cdn.jsdelivr.net/gh/Edwson/ReactOmega@main/public/r/utils.json",
        "https://cdn.jsdelivr.net/gh/Edwson/ReactOmega@main/public/r/use-prefers-reduced-motion.json"
      ],
      "files": [
        {
          "path": "components/reactomega/parallax-layers.tsx",
          "type": "registry:component",
          "target": "components/reactomega/parallax-layers.tsx"
        }
      ]
    },
    {
      "name": "scroll-scene",
      "type": "registry:component",
      "title": "Scroll Scene",
      "description": "Pins a section and exposes its scrub progress from 0 to 1 through a render prop, plus a live CSS custom property and a per-frame callback. Travel is derived from the measured spacer and pinned heights, so there is no viewport constant to get wrong.",
      "category": "scroll",
      "tags": [
        "scroll",
        "pin",
        "scrub",
        "progress",
        "render-prop"
      ],
      "dependencies": [],
      "registryDependencies": [
        "https://cdn.jsdelivr.net/gh/Edwson/ReactOmega@main/public/r/utils.json",
        "https://cdn.jsdelivr.net/gh/Edwson/ReactOmega@main/public/r/use-prefers-reduced-motion.json"
      ],
      "files": [
        {
          "path": "components/reactomega/scroll-scene.tsx",
          "type": "registry:component",
          "target": "components/reactomega/scroll-scene.tsx"
        }
      ]
    },
    {
      "name": "card-swap",
      "type": "registry:component",
      "title": "Card Swap",
      "description": "A 3D deck where the front card peels away and the stack advances on an interval or on click. Every slot is a pure function of a card's distance from the front, so CSS transitions do all the interpolation; it pauses on hover and focus and announces changes politely.",
      "category": "components",
      "tags": [
        "components",
        "cards",
        "3d",
        "carousel"
      ],
      "dependencies": [],
      "registryDependencies": [
        "https://cdn.jsdelivr.net/gh/Edwson/ReactOmega@main/public/r/utils.json",
        "https://cdn.jsdelivr.net/gh/Edwson/ReactOmega@main/public/r/use-prefers-reduced-motion.json"
      ],
      "files": [
        {
          "path": "components/reactomega/card-swap.tsx",
          "type": "registry:component",
          "target": "components/reactomega/card-swap.tsx"
        }
      ]
    },
    {
      "name": "gooey-nav",
      "type": "registry:component",
      "title": "Gooey Nav",
      "description": "A pill navigation whose liquid indicator stretches as it travels between items and settles into a single pill, fused by an SVG goo filter. Real buttons with roving tabindex and arrow-key movement; labels stay outside the filter so text remains crisp.",
      "category": "components",
      "tags": [
        "components",
        "nav",
        "goo",
        "svg",
        "tabs"
      ],
      "dependencies": [],
      "registryDependencies": [
        "https://cdn.jsdelivr.net/gh/Edwson/ReactOmega@main/public/r/utils.json",
        "https://cdn.jsdelivr.net/gh/Edwson/ReactOmega@main/public/r/use-prefers-reduced-motion.json"
      ],
      "files": [
        {
          "path": "components/reactomega/gooey-nav.tsx",
          "type": "registry:component",
          "target": "components/reactomega/gooey-nav.tsx"
        }
      ]
    },
    {
      "name": "bento-grid",
      "type": "registry:component",
      "title": "Bento Grid",
      "description": "A bento layout where the grid owns the only pointer listener and publishes shared coordinates as inherited custom properties, so the spotlight is pure CSS and continuous across gutters no matter how many tiles there are. Tiles add proximity glow and a subtle tilt.",
      "category": "components",
      "tags": [
        "components",
        "bento",
        "grid",
        "spotlight",
        "tilt"
      ],
      "dependencies": [],
      "registryDependencies": [
        "https://cdn.jsdelivr.net/gh/Edwson/ReactOmega@main/public/r/utils.json",
        "https://cdn.jsdelivr.net/gh/Edwson/ReactOmega@main/public/r/use-prefers-reduced-motion.json"
      ],
      "files": [
        {
          "path": "components/reactomega/bento-grid.tsx",
          "type": "registry:component",
          "target": "components/reactomega/bento-grid.tsx"
        }
      ]
    },
    {
      "name": "elastic-slider",
      "type": "registry:component",
      "title": "Elastic Slider",
      "description": "A slider whose rail stretches like rubber past either end with exponentially diminishing overshoot, then springs back on release. Implements the full slider ARIA contract with arrow, page, home and end keys, pointer capture and touch support.",
      "category": "components",
      "tags": [
        "components",
        "slider",
        "input",
        "elastic",
        "a11y"
      ],
      "dependencies": [],
      "registryDependencies": [
        "https://cdn.jsdelivr.net/gh/Edwson/ReactOmega@main/public/r/utils.json",
        "https://cdn.jsdelivr.net/gh/Edwson/ReactOmega@main/public/r/use-prefers-reduced-motion.json"
      ],
      "files": [
        {
          "path": "components/reactomega/elastic-slider.tsx",
          "type": "registry:component",
          "target": "components/reactomega/elastic-slider.tsx"
        }
      ]
    },
    {
      "name": "circular-gallery",
      "type": "registry:component",
      "title": "Circular Gallery",
      "description": "Items arranged around a horizontal cylinder that you drag to spin, with inertia on release and optional snapping to the nearest item. Drag is converted through arc length so tracking is one-to-one at any radius, and items past the horizon dim and stop taking pointer events.",
      "category": "components",
      "tags": [
        "components",
        "gallery",
        "carousel",
        "3d",
        "drag"
      ],
      "dependencies": [],
      "registryDependencies": [
        "https://cdn.jsdelivr.net/gh/Edwson/ReactOmega@main/public/r/utils.json",
        "https://cdn.jsdelivr.net/gh/Edwson/ReactOmega@main/public/r/use-prefers-reduced-motion.json"
      ],
      "files": [
        {
          "path": "components/reactomega/circular-gallery.tsx",
          "type": "registry:component",
          "target": "components/reactomega/circular-gallery.tsx"
        }
      ]
    },
    {
      "name": "refracted-glass",
      "type": "registry:component",
      "title": "Refracted Glass",
      "description": "A thick bevelled glass panel over a procedural backdrop. The view ray is refracted through the slab with a different index per RGB channel, so the bevel carries real chromatic dispersion, and a Schlick Fresnel term brightens the rim where the surface turns away.",
      "category": "shader",
      "tags": [
        "shader",
        "webgl",
        "glass",
        "refraction",
        "dispersion",
        "background"
      ],
      "dependencies": [],
      "registryDependencies": [
        "https://cdn.jsdelivr.net/gh/Edwson/ReactOmega@main/public/r/utils.json",
        "https://cdn.jsdelivr.net/gh/Edwson/ReactOmega@main/public/r/use-shader.json"
      ],
      "files": [
        {
          "path": "components/reactomega/refracted-glass.tsx",
          "type": "registry:component",
          "target": "components/reactomega/refracted-glass.tsx"
        }
      ]
    },
    {
      "name": "brushed-metal",
      "type": "registry:component",
      "title": "Brushed Metal",
      "description": "Machined metal, still and precise — the opposite register to liquid-metal's flow. An anisotropic GGX lobe with Smith-correlated shadowing runs over a brush-direction field, so the highlight stretches perpendicular to the grain. Linear or radial (engine-turned) finishes.",
      "category": "shader",
      "tags": [
        "shader",
        "webgl",
        "metal",
        "anisotropic",
        "specular",
        "background"
      ],
      "dependencies": [],
      "registryDependencies": [
        "https://cdn.jsdelivr.net/gh/Edwson/ReactOmega@main/public/r/utils.json",
        "https://cdn.jsdelivr.net/gh/Edwson/ReactOmega@main/public/r/use-shader.json"
      ],
      "files": [
        {
          "path": "components/reactomega/brushed-metal.tsx",
          "type": "registry:component",
          "target": "components/reactomega/brushed-metal.tsx"
        }
      ]
    },
    {
      "name": "moire-weave",
      "type": "registry:component",
      "title": "Moiré Weave",
      "description": "Two rigid lattices at a small relative angle, beating against each other at their true difference frequency. Every cosine is band-limited by an exact box filter, so the pattern dissolves into its own mean grey as the period approaches two pixels instead of aliasing into noise.",
      "category": "shader",
      "tags": [
        "shader",
        "webgl",
        "moire",
        "interference",
        "weave",
        "background"
      ],
      "dependencies": [],
      "registryDependencies": [
        "https://cdn.jsdelivr.net/gh/Edwson/ReactOmega@main/public/r/utils.json",
        "https://cdn.jsdelivr.net/gh/Edwson/ReactOmega@main/public/r/use-shader.json"
      ],
      "files": [
        {
          "path": "components/reactomega/moire-weave.tsx",
          "type": "registry:component",
          "target": "components/reactomega/moire-weave.tsx"
        }
      ]
    },
    {
      "name": "velvet-sheen",
      "type": "registry:component",
      "title": "Velvet Sheen",
      "description": "Soft fabric: an Ashikhmin velvet lobe gated by an inverted Fresnel, so the cloth is brightest at grazing angles and dark facing the viewer. Fibre rank modulates the sheen itself, and the drape comes from wandering the phase and amplitude of a gather train rather than adding noise to the height.",
      "category": "shader",
      "tags": [
        "shader",
        "webgl",
        "fabric",
        "velvet",
        "sheen",
        "background"
      ],
      "dependencies": [],
      "registryDependencies": [
        "https://cdn.jsdelivr.net/gh/Edwson/ReactOmega@main/public/r/utils.json",
        "https://cdn.jsdelivr.net/gh/Edwson/ReactOmega@main/public/r/use-shader.json"
      ],
      "files": [
        {
          "path": "components/reactomega/velvet-sheen.tsx",
          "type": "registry:component",
          "target": "components/reactomega/velvet-sheen.tsx"
        }
      ]
    },
    {
      "name": "translucent-wax",
      "type": "registry:component",
      "title": "Translucent Wax",
      "description": "Light travelling through a solid rather than off it: a back-lit slab of banded stone. The interior light path is marched to accumulate thickness, attenuated by Beer–Lambert with wrapped diffuse and a forward-scatter lobe, so the ground edge glows and the body goes deep.",
      "category": "shader",
      "tags": [
        "shader",
        "webgl",
        "subsurface",
        "stone",
        "translucent",
        "background"
      ],
      "dependencies": [],
      "registryDependencies": [
        "https://cdn.jsdelivr.net/gh/Edwson/ReactOmega@main/public/r/utils.json",
        "https://cdn.jsdelivr.net/gh/Edwson/ReactOmega@main/public/r/use-shader.json"
      ],
      "files": [
        {
          "path": "components/reactomega/translucent-wax.tsx",
          "type": "registry:component",
          "target": "components/reactomega/translucent-wax.tsx"
        }
      ]
    },
    {
      "name": "diffraction-grating",
      "type": "registry:component",
      "title": "Diffraction Grating",
      "description": "The optics behind a CD surface: the grating equation places spectral orders by solving d·sinθ = mλ for wavelength per order, giving sharp rainbow lines rather than broad fringes. Higher orders are dimmer and wash toward white, over a band-limited pressed ruling.",
      "category": "shader",
      "tags": [
        "shader",
        "webgl",
        "diffraction",
        "spectrum",
        "iridescent",
        "background"
      ],
      "dependencies": [],
      "registryDependencies": [
        "https://cdn.jsdelivr.net/gh/Edwson/ReactOmega@main/public/r/utils.json",
        "https://cdn.jsdelivr.net/gh/Edwson/ReactOmega@main/public/r/use-shader.json"
      ],
      "files": [
        {
          "path": "components/reactomega/diffraction-grating.tsx",
          "type": "registry:component",
          "target": "components/reactomega/diffraction-grating.tsx"
        }
      ]
    }
  ]
}