Harp Menu Pro

A Next-Level Interactive Experience

Stand out from the crowd with Harp Menu Pro. This isn't just another standard CSS navigation bar; it's a fully interactive, physics-based Canvas component built for high-end Framer websites. Let your users "pluck" the menu strings to explore your site, accompanied by a dynamic, native Web Audio engine.

Key Features:

• Real Spring Physics: Built with a custom 60fps physics engine. You have full control over the string tension, friction, maximum stretch, and snap speed directly from the properties panel.

• Native Framer Typography: No hacky CSS overrides. It uses Framer's native extended Font control, perfectly adapting your Google or Custom fonts, weights, and letter spacing directly into the Canvas rendering.

• Dynamic Audio Engine: Each string plays a customizable frequency (Hz) using the Web Audio API. Includes a master volume slider and a mute toggle for users who prefer a silent experience.

• Device Pixel Ratio (DPR) Ready: Crystal clear sub-pixel rendering. The component automatically detects Retina and 4K displays to ensure your typography and lines are razor-sharp on every device.

• 100% Responsive: Automatically adapts to any frame size, recalculating strings and layout instantly for both Desktop and Mobile breakpoints.