Astral Flare Shader

import { ShaderCanvas, shaders } from "@/components/ui/astral-flare-shader";

const settings = {
  shader: "ASTRAL_FLARE",
};

export default function Demo(props: Partial<typeof settings>) {
  const s = { ...settings, ...props };
  const fragmentShader =
    shaders[s.shader as keyof typeof shaders] ?? shaders.ASTRAL_FLARE;

  return (
    <div className="h-screen w-screen">
      <ShaderCanvas className="h-full w-full" fragmentShader={fragmentShader} />
    </div>
  );
}