Liquid Dimensional Nav
A highly interactive sidebar component combining liquid morphing, dimensional 3D peeling, and magnetic physics-based hovering.
Component Showcase
Liquid Dimensional Nav
A highly interactive sidebar component combining liquid morphing, dimensional 3D peeling, and magnetic physics-based hovering.
MorphingMagnetic3DPremium
Interactive Playground
Adjust sliders and values to preview changes in real-time
primaryColor
Primary accent color for the liquid drop and glowing elements.
accentColor
Secondary accent color used for decorative elements and hover effects.
bg
Background color of the container.
API Reference (Props)
Component properties and type specifications
| Prop | Type | Default | Description |
|---|---|---|---|
| primaryColor | string | #7fff5e | Primary accent color for the liquid drop and glowing elements. |
| accentColor | string | #ff5c71 | Secondary accent color used for decorative elements and hover effects. |
| bg | string | #050505 | Background color of the container. |