Skip to main content
A container component that applies a warp animation effect to its children. This creates a perspective-based grid with animated beams.

Props

Prop NameTypeDefaultDescription
perspectivenumber100The perspective of the warp animation
beamsPerSidenumber3The number of beams per side
beamSizenumber5The size of the beams
beamDelayMaxnumber3The maximum delay of the beams in seconds
beamDelayMinnumber0The minimum delay of the beams in seconds
beamDurationnumber3The duration of the beams
gridColorstring"hsl(var(--border))"The color of the grid lines

Credits

Build docs developers (and LLMs) love