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

PropTypeDefaultDescription
primaryColorstring"#ff5c71"Primary accent color for the lens glow.
secondaryColorstring"#7fff5e"Secondary color used for contrast and details.
baseColorstring"#050505"The base background color of the surface.
titlestring"HOLO LENS"Main title text.
subtitlestring"TACTILE FLUID INTERFACE"Subtitle text displayed below the title.