Fx Pixel Wave Swap

ProNew

Two faces swapped by a diagonal wave of square tiles, on a timer.

Customize

This item has no props to tune. Use the lens above to change theme, density, direction and more.


pnpm dlx shadcn@latest add @tealmac-pro/fx-pixel-wave-swap

Prop	Type	Default	Description
`a`	`ReactNode`	-	The first face.
`b`	`ReactNode`	-	The face swapped in.
`interval`	`number`	`3600`	Milliseconds between swaps.
`duration`	`number`	`1400`	Milliseconds the wave takes.
`columns`	`number`	`22`	Tiles across.
`className`	`string`	-	Classes for the root element.

Both faces are real content; the hidden one is inert and hidden from assistive technology.
Under prefers-reduced-motion the first face stays and nothing animates. The loop runs only while on screen.