ExampleReactregistry:example

Hexagon Pattern Spacing

hexagon-pattern-spacing

Example showing a hexagon pattern with extra spacing between cells.

Demonstrates hexagon-pattern

@magicui Registry JSON

This item declares no source files.

Install

$

npx shadcn@latest add @magicui/hexagon-pattern-spacing

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

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

Registry dependencies

hexagon-pattern@magicui

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

@magicui

More from @magicui

Avatar Circles Demo

backlight-image-demo

backlight-image-demo

Animated Beam Demo

Animated Beam Demo

Animated Beam Multiple Outputs

Animated Beam Multiple Outputs

Animated Circular Progress Bar

Animated Circular Progress Bar

Animated Gradient Text Demo

Animated Gradient Text Demo

Animated Grid Pattern Demo

Animated Grid Pattern Demo

Particles Demo