Wall Perspective Drift

ProNew

A tilted wall of tiles that drifts diagonally toward a vanishing point in a seamless loop.

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/wall-perspective-drift

Prop	Type	Default	Description
`tiles`	`ReactNode[]`	`-`	Tile contents, cycled to fill the wall.
`label`	`string`	`"Decorative wall of tiles"`	Accessible description.
`columns`	`number`	`6`	Columns in one repeat.
`rows`	`number`	`5`	Rows in one repeat.
`duration`	`number`	`24`	Seconds to travel one repeat.

The wall is tiled twice in both directions and one transform animation moves it by exactly one repeat, so the loop has no seam.
With prefers-reduced-motion: reduce the wall stops still.
The wall is one decorative image with a single label; tiles are hidden from assistive technology.