Static Radial Gradient

import { StaticRadialGradient } from '@paper-design/shaders-react';

function App() {
  return (
    <StaticRadialGradient
      colorBack="#000000"
      colors={['#00bbff', '#00ffe1', '#ffffff']}
      radius={0.8}
      focalDistance={0.99}
      focalAngle={0}
      falloff={0.24}
      mixing={0.5}
      distortion={0}
    />
  );
}

import { ShaderMount, staticRadialGradientFragmentShader } from '@paper-design/shaders';

const container = document.getElementById('container');
const shader = new ShaderMount(
  container,
  staticRadialGradientFragmentShader,
  {
    u_colorBack: [0, 0, 0, 1],
    u_colors: [
      [0, 0.73, 1, 1],
      [0, 1, 0.88, 1],
      [1, 1, 1, 1]
    ],
    u_colorsCount: 3,
    u_radius: 0.8,
    u_focalDistance: 0.99,
    u_focalAngle: 0,
    u_falloff: 0.24,
    u_mixing: 0.5,
    u_distortion: 0,
    u_distortionShift: 0,
    u_distortionFreq: 12,
    u_grainMixer: 0,
    u_grainOverlay: 0,
    // Sizing uniforms
    u_fit: 2,
    u_scale: 1,
    u_rotation: 0,
    u_offsetX: 0,
    u_offsetY: 0,
    u_originX: 0.5,
    u_originY: 0.5,
    u_worldWidth: 0,
    u_worldHeight: 0,
  },
  {}, // WebGL context attributes
  0   // speed
);