ComponentReactregistry:ui

Hexagon Pattern

hexagon-pattern

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

This item declares no source files.

Install

npx shadcn@latest add @magicui/hexagon-pattern

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

Registry: @magicui
Kind: Component
Framework: React
Files: 0 · 8.2 KB
Preview: Unavailable

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

4 examples

See it in use

No preview

Hexagon Pattern Dashed

Hexagon Pattern Linear Gradient

m@magicui

Example

No preview

Hexagon Pattern Spacing

m@magicui

Example

Used by 4 items

Built on Hexagon Pattern

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

No preview

Hexagon Pattern Dashed

Hexagon Pattern Linear Gradient

m@magicui

Example

No preview

Hexagon Pattern Spacing

m@magicui

Example

@magicui

More from @magicui

All 247 items

Animated Theme Toggler — Diamond

m@magicui

Example

Animated Theme Toggler — next-themes

m@magicui

Example

Animated Theme Toggler — Square

m@magicui

Example

Animated Theme Toggler — Triangle