Toggle Sidebar B
AppearanceLight & dark mode D

Soft Aurora

Soft aurora borealis shader with 3D Perlin noise and cosine gradient palettes.

Default

Every prop is wired to the controls underneath. Move the pointer over the aurora and it drifts with it.

Light previewReplay previewOpen in new tab
New Creative Components

A gentle glow to light your way!

Get started Learn more

Customize

Color 1
Color 2
Speed0.6
Scale1.5
Brightness1
Noise Frequency2.5
Noise Amplitude1
Band Height0.5
Band Spread1
Octave Decay0.1
Layer Offset0
Color Speed1
Mouse Influence0.25

API Reference

SoftAurora

PropTypeDefaultDescription
speednumber0.6Overall animation speed multiplier.
scalenumber1.5Scale of the noise pattern.
brightnessnumber1.0Overall brightness multiplier.
color1string"#f7f7f7"Tint color for the first aurora layer.
color2string"#e100ff"Tint color for the second aurora layer.
noiseFrequencynumber2.5Base frequency of the Perlin noise.
noiseAmplitudenumber1.0Base amplitude of the Perlin noise.
bandHeightnumber0.5Vertical position of the aurora band (0-1).
bandSpreadnumber1.0Vertical spread of the aurora glow.
octaveDecaynumber0.1Amplitude decay per noise octave.
layerOffsetnumber0Time offset between the two aurora layers.
colorSpeednumber1.0Speed of palette color shifting.
enableMouseInteractionbooleantrueEnable cursor-reactive aurora offset.
mouseInfluencenumber0.25Strength of the mouse offset effect.
lightModebooleanfalseRenders the aurora as ink on a white background.

Accessibility

Keyboard shortcuts and ARIA behavior.

  • Purely decorative canvas. Set speed and colorSpeed low for users who prefer reduced motion.