ExampleReactregistry:example

Grid Pattern Demo

grid-pattern-demo

Example showing a background grid pattern made with SVGs.

Demonstrates grid-pattern

@magicui Registry JSON

This item declares no source files.

Install

$

npx shadcn@latest add @magicui/grid-pattern-demo

Needs @magicui in your components.json registries — switch to URL if it doesn't resolve.

Registry: @magicui
Kind: Example
Framework: React
Files: 0 · 782 B
Preview: Unavailable

Registry dependencies

grid-pattern@magicui

This item belongs to @magicui. Registry Index indexes and previews it; check the registry's license before use.

@magicui

More from @magicui

Animated Beam Multiple Inputs

Animated Beam Multiple Inputs

Animated Beam Unidirectional

Animated Beam Unidirectional

Animated Circular Progress Bar Demo

Animated Circular Progress Bar Demo

Animated Grid Pattern

Animated Grid Pattern

Glyph Matrix Demo

Animated Theme Toggler — Diamond

Animated Theme Toggler — Diamond

Animated Theme Toggler — next-themes

Animated Theme Toggler — next-themes

Animated Theme Toggler — Square

Animated Theme Toggler — Square