Registry Index
ComponentReactregistry:ui

Animated Grid Pattern

animated-grid-pattern

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

@magicuiRegistry JSON

Runs in a sandboxed frame on a separate origin. Mounted with no props — some items need input to show anything.

1 example

See it in use

Animated Grid Pattern Demo
Animated Grid Pattern Demo
m@magicui
Example
Used by 1 item

Built on Animated Grid Pattern

Other @magicui items that list this one as a dependency.

Animated Grid Pattern Demo
Animated Grid Pattern Demo
m@magicui
Example
@magicui

More from @magicui

All 247 items
Animated Beam Demo
Animated Beam Demo
m@magicui
Example
Animated Beam Multiple Outputs
Animated Beam Multiple Outputs
m@magicui
Example
Animated Circular Progress Bar
Animated Circular Progress Bar
m@magicui
Component
Animated Gradient Text Demo
Animated Gradient Text Demo
m@magicui
Example
Animated Grid Pattern Demo
Animated Grid Pattern Demo
m@magicui
Example
Particles Demo
Particles Demo
m@magicui
Example
Animated List Demo
Animated List Demo
m@magicui
Example
Animated Theme Toggler Demo
Animated Theme Toggler Demo
m@magicui
Example