Iridescence

Slick iridescent shader with shifting waves.

Default

Color, speed and mouse interaction are wired to the controls underneath. Move the pointer over the stage to bend the waves.

Demo Content

FeaturesAbout Sign up

New Creative Components

Get started Learn more

Color

Speed1

Enable Mouse Interaction

Prop	Type	Default	Description
`color`	`[number, number, number]`	`[1, 1, 1]`	Base color as an array of RGB values (each between 0 and 1).
`speed`	`number`	`1.0`	Speed multiplier for the animation.
`amplitude`	`number`	`0.1`	Amplitude for the mouse-driven effect.
`mouseReact`	`boolean`	`true`	Enable or disable mouse interaction with the shader.

Keyboard shortcuts and ARIA behavior.

Purely decorative canvas. The waves are always moving, so place it behind content with enough contrast.