Gradient Shader

Gradient Shader

2025

Playing around with Shaders & WebGL.

Email

Github

NPM

LinkedIn

Configuration

Background & Noise configuration

#2483A5

0.08

Gradient Warp

Apply a warp function to the gradient

1x

Gradient Points

Configure the shape, rotation, size, and falloff of the gradient stops

#2483a5ff

50%

50%

0°

1x

#e0b94bff

50%

50%

0°

1x

#477459ff

50%

50%

0°

1x

#c45408ff

50%

50%

0°

1x

#6e9091ff

50%

50%

0°

1x

#efe3d1ff

50%

50%

0°

1x

#e4d5b9ff

50%

50%

0°

1x