Hexagon Status Grid
A 3D interactive, glassmorphic hexagon grid with magnetic hover and status nodes.
Component Showcase
Interactive Playground
Adjust sliders and values to preview changes in real-time
rows4
Number of hexagon rows.
cols6
Number of columns.
hexSize60
Hexagon cell size.
primaryColor#ff5c71
Primary accent color.
accentColor#7fff5e
Secondary accent color.
API Reference (Props)
Component properties and type specifications
| Prop | Type | Default | Description |
|---|---|---|---|
| rows | number | 4 | Number of hexagon rows. |
| cols | number | 6 | Number of columns. |
| hexSize | number | 60 | Hexagon cell size. |
| primaryColor | string | "#ff5c71" | Primary accent color. |
| accentColor | string | "#7fff5e" | Secondary accent color. |