Harp Menu Pro · Free Navigation Component
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.
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.
