Theme

Mercury Loop

Pro

A broad polished ribbon turns slowly through studio light.

Loading code...

This component requires Starwind Pro.

Get lifetime access to all premium components, updates, and priority support.

Failed to load code. Please try again.

Code

Usage

<ShaderMercuryLoop
  rotationDrift={0.08}
  ribbonWidth={0.5}
  surfaceRoughness={0.19}
  metalColor="#d3d7df"
  backdropColor="#08090a"
/>

prop	type	default	description
`rotationDrift`	`number`	`0.08`	Rotation drift amount.
`ribbonWidth`	`number`	`0.5`	Ribbon width amount.
`surfaceRoughness`	`number`	`0.19`	Surface roughness amount.
`metalColor`	`string`	`"#d3d7df"`	Metal CSS color.
`backdropColor`	`string`	`"#08090a"`	Backdrop CSS color.
`opacity`	`number`	`1`	Effect opacity.
`maxDpr`	`number`	`1.5`	Maximum device pixel ratio.