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.
• 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.
Eneko Lekue
