Theme

Kinetic Tiles

Pro

A rolling field of softly beveled ceramic tiles.

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

<ShaderKineticTiles
  waveHeight={2.2}
  waveDrift={0.35}
  waveTravelDistance={1}
  tileColor="#e4ddce"
  backdropColor="#eee7dc"
/>

prop	type	default	description
`waveHeight`	`number`	`2.2`	Wave height amount.
`waveDrift`	`number`	`0.35`	Wave drift amount.
`waveTravelDistance`	`number`	`1`	Travel multiplier. One crosses the viewport with room for the crest.
`tileColor`	`string`	`"#e4ddce"`	Tile CSS color.
`backdropColor`	`string`	`"#eee7dc"`	Backdrop CSS color.
`opacity`	`number`	`1`	Effect opacity.
`maxDpr`	`number`	`1.5`	Maximum device pixel ratio.