Gradient Waves

Raymarched sine waves rolling toward a soft, hazy horizon.

Default

Colors, wave shape and the cursor parallax are wired to the controls underneath. The waves are raymarched in a WebGL 2 fragment shader.

Demo Content

FeaturesAbout Sign up

New Creative Components

Get started Learn more

Horizon Color

Wave Color

Crest Color

Speed0.4

Amplitude2.5

Wave Scale0.6

Wave Ratio0.9

Swell35

Turbulence20

Tilt1.11

Zoom1

Horizon Height5.5

Fog Depth15

Detail

Brightness1

Opacity1

Cursor Parallax

Parallax Strength0.5

Grain

Grain Intensity0.05

Prop	Type	Default	Description
`horizonColor`	`string`	`'#5227FF'`	Distant haze color the waves fade into.
`waveColor`	`string`	`'#FF9FFC'`	Mid color of the rolling wave bodies.
`crestColor`	`string`	`'#FFFFFF'`	Highlight color of the nearest wave crests.
`speed`	`number`	`0.4`	Animation speed of the undulating wave field.
`amplitude`	`number`	`2.5`	Height of the sine-plasma waves.
`waveScale`	`number`	`0.6`	Overall spatial frequency of the waves.
`waveRatio`	`number`	`0.9`	Ratio between the short and long wavelength components.
`swell`	`number`	`35`	Large-scale horizontal swell distortion.
`turbulence`	`number`	`20`	Large-scale cross-flow turbulence distortion.
`tilt`	`number`	`1.11`	Camera pitch toward the horizon (radians).
`zoom`	`number`	`1.0`	Field-of-view zoom into the wave field.
`height`	`number`	`5.5`	Vertical offset of the horizon line.
`fogDepth`	`number`	`15`	Distance over which the waves fade into haze and transparency.
`detail`	`string`	`'medium'`	Raymarch quality tier: 'low', 'medium', or 'high'.
`brightness`	`number`	`1.0`	Overall brightness multiplier for the final color.
`opacity`	`number`	`1.0`	Global opacity of the effect.
`mouseInteraction`	`boolean`	`true`	Enable subtle pointer-driven camera parallax.
`parallaxStrength`	`number`	`0.5`	Strength of the cursor parallax drift.
`grain`	`boolean`	`true`	Overlay a whisper-subtle animated film grain on the effect.
`grainIntensity`	`number`	`0.05`	Amplitude of the grain overlay. 0 disables it entirely.

Keyboard shortcuts and ARIA behavior.