Registry Index

Search the catalog

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

ComponentReactregistry:uiSelf-contained

Interactive Grid Pattern

interactive-grid-pattern

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

@magicuiRegistry JSON
Live, loading

Starting the live preview…

Runs in a sandboxed frame on a separate origin, in its registry's own theme. Mounted with no props — an item that paints an empty box is given its name as text, and some items need input to show anything.

2 demos

See it in use

Files this registry ships to demonstrate the item. They are indexed and installable, but they don't count as components of their own.

Example showing an interactive grid pattern background.

@magicui

More from @magicui

All 71 items
Shimmer Button
shimmer-button
Component
Flickering Grid
flickering-grid
Component
Typing Animation
typing-animation
Component
Video Text
video-text
Component
Android
android
Component
Bento Grid
bento-grid
Component
Warp Background
warp-background
Component
Spinning Text
spinning-text
Component