Registry Index

Search the catalog

Type to search items across every indexed registry, or pick a page.

ComponentReactregistry:uiSelf-contained

Grid Pattern

grid-pattern

A 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.

3 examples

See it in use

Grid Pattern Demo
Grid Pattern Demo
m@magicui
Example
Grid Pattern Linear Gradient
Grid Pattern Linear Gradient
m@magicui
Example
No preview
Grid Pattern Dashed
m@magicui
Example
Used by 3 items

Built on Grid Pattern

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

Grid Pattern Demo
Grid Pattern Demo
m@magicui
Example
Grid Pattern Linear Gradient
Grid Pattern Linear Gradient
m@magicui
Example
No preview
Grid Pattern Dashed
m@magicui
Example
@magicui

More from @magicui

All 247 items
Spinning Text Demo
Spinning Text Demo
m@magicui
Example
Animated Theme Toggler — next-themes
Animated Theme Toggler — next-themes
m@magicui
Example
Striped Pattern (Dashed)
Striped Pattern (Dashed)
m@magicui
Example
Pulsating Button Demo
Pulsating Button Demo
m@magicui
Example
Grid Pattern Linear Gradient
Grid Pattern Linear Gradient
m@magicui
Example
Animated Theme Toggler — Square
Animated Theme Toggler — Square
m@magicui
Example
Striped Pattern (Right)
Striped Pattern (Right)
m@magicui
Example
Cool Mode Custom
Cool Mode Custom
m@magicui
Example