Holo Drop Surface
A highly tactile, magnetic glassmorphic surface that reacts to cursor proximity, creating an animated liquid depth displacement effect using Framer Motion.
Component Showcase
Interactive Playground
Adjust sliders and values to preview changes in real-time
API Reference (Props)
Component properties and type specifications
| Prop | Type | Default | Description |
|---|---|---|---|
| primaryColor | string | "#ff5c71" | Primary accent color for the lens glow. |
| secondaryColor | string | "#7fff5e" | Secondary color used for contrast and details. |
| baseColor | string | "#050505" | The base background color of the surface. |
| title | string | "HOLO LENS" | Main title text. |
| subtitle | string | "TACTILE FLUID INTERFACE" | Subtitle text displayed below the title. |
