Spectra UI
ShowcaseBackgrounds

Animated Grid Pattern

A animated background grid pattern made with SVGs, fully customizable using Tailwind CSS.

Animated Grid Pattern

Installation


npx spectraui-cli add globe

Props


PropTypeDefault
className
string
-
width
number
40
height
number
40
x
number
-1
y
number
-1
strokeDasharray
number
0
numSquares
number
200
maxOpacity
number
0.5
duration
number
1
repeatDelay
number
0.5

On this page