Hexagon Background
An unique interactive hexagon grid background component for modern applications, with customizable colors and patterns.
Tiny Honeycomb
Dense pattern with small hexagons creating a subtle texture like honeycomb.
Pumki UIThe background is interactive, allowing users to engage with the visual elements.
Installation
Usage
1import { HexagonBackground } from '@/components/pumki-ui/backgrounds/bg-hexagon';1<HexagonBackground />Example
Starter Hexagons Template
Pumki UIGlowing Hexagons
Hexagons with a subtle glow effect for a futuristic feel.
Pumki UIColorful Mosaic
Vibrant hexagons with gradient backgrounds creating an artistic mosaic.
Pumki UISubtle Elegance
Refined hexagons with soft shadows for a sophisticated appearance.
Pumki UINeon Grid
Electric hexagons with neon borders for a cyberpunk aesthetic.
Pumki UIProps
| Prop | Type | Default |
|---|---|---|
hexagonMargin | number | 3 |
hexagonSize | number | 75 |
hexagonProps | React.HTMLAttributes<HTMLDivElement> | - |
className | string | - |
children | React.ReactNode | - |
Last updated on