Toggle Sidebar B
AppearanceLight & dark mode D

Color Bends

Vibrant color bends with smooth flowing animation.

Default

Every shader parameter is wired to the controls underneath. Move the pointer over the stage to bend the bands toward it.

Light previewReplay previewOpen in new tab
New Creative Components

You have the power to reshape your own destiny

Get started Learn more

Customize

Color
Rotation90deg
Auto Rotate0deg/s
Speed0.2
Scale1
Frequency1
Warp Strength1
Mouse Influence1
Parallax0.5
Noise0.15
Iterations1
Intensity1.5
Band Width6

API Reference

ColorBends

PropTypeDefaultDescription
rotationnumber90Base rotation angle in degrees.
autoRotatenumber0Automatic rotation speed in degrees/sec.
speednumber0.2Animation time scale of the shader.
colorsstring[][]Palette of up to 8 hex colors used to blend the bends.
transparentbooleantrueWhether the background is transparent (uses alpha).
scalenumber1Zoom factor of the pattern.
frequencynumber1Wave frequency used in the pattern.
warpStrengthnumber1Amount of warping/distortion applied to waves.
mouseInfluencenumber1How strongly the waves react to pointer movement.
parallaxnumber0.5Parallax factor shifting content with pointer.
noisenumber0.15Adds subtle grain. 0 disables noise.
iterationsnumber1Number of extra warp passes (1-5). Higher values create more complex patterns.
intensitynumber1.5Brightness multiplier for the final color output.
bandWidthnumber6Controls the width/falloff of each color band.

Accessibility

Keyboard shortcuts and ARIA behavior.

  • Purely decorative canvas. Place it behind content with enough contrast.