Liquid Dimensional Nav
A highly interactive sidebar component combining liquid morphing, dimensional 3D peeling, and magnetic physics-based hovering.
Component Showcase
Interactive Playground
Adjust sliders and values to preview changes in real-time
primaryColor#7fff5e
Primary accent color for the liquid drop and glowing elements.
accentColor#ff5c71
Secondary accent color used for decorative elements and hover effects.
bg#050505
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. |