Registry Index

Search the catalog

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

ComponentReactregistry:uiSelf-contained

Hexagon Pattern

hexagon-pattern

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

4 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 a background hexagon pattern made with SVGs.

@magicui

More from @magicui

All 71 items
Rainbow Button
rainbow-button
Component
Grid Pattern
grid-pattern
Component
Terminal
terminal
Component
Retro Grid
retro-grid
Component
Animated Gradient Text
animated-gradient-text
Component
Ripple Button
ripple-button
Component
Animated Grid Pattern
animated-grid-pattern
Component
Marquee
marquee
Component