Morphing Bento Matrix
A highly interactive 2D morphing bento grid with physical spring expansion, reactive cyber internals, and 3D parallax tracking.
Component Showcase
Interactive Playground
Adjust sliders and values to preview changes in real-time
primaryColor#ff5c71
The primary color for Nexus Core and overall glow.
secondaryColor#7fff5e
The secondary color for Data Stream.
bgColor#050505
The background color of the main wrapper.
API Reference (Props)
Component properties and type specifications
| Prop | Type | Default | Description |
|---|---|---|---|
| primaryColor | string | "#ff5c71" | The primary color for Nexus Core and overall glow. |
| secondaryColor | string | "#7fff5e" | The secondary color for Data Stream. |
| bgColor | string | "#050505" | The background color of the main wrapper. |