Light Amber Aurora Shader Background

Light-mode landing pages, pricing and waitlist heroes, onboarding and empty-state screens. Soft amber aurora curtains hang from the top edge of a warm cream canvas and fade out before the middle, leaving a bright, even area for dark headlines and body text. Slow motion, no cursor reaction, no vignette, so the page stays clean and light.

by DHxWhy

ShaderShader BackgroundWebGLAuroraAnimatedBackgroundHeroHero BackgroundAnimationAnimated Background

Open in editor View component

precision highp float;
uniform vec2  u_resolution;
uniform float u_time;
uniform vec3  u_colors[4];

vec3 shade(vec2 uv, vec2 p, float t) {
  // ····· ··· ···· ·· ······· ····· ·· ·····
  float v = fbm(p * ····· + t * ····);
  return palette(0.5 + 0.5 * sin(v + ·····));
}