component
Harp Menu Pro
By Eneko Lekue
Details
- Eneko LekueAuthor
- componentType
- 2026-05-14Published
- 2026-06-25Updated
- 2026-05-12Added
- NavigationCategories
Summary
A Next-Level Interactive Experience Stand out from the crowd with Harp Menu Pro.
Description
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.
Introduction
Physics-based interactive ¡menu
Rank history
Daily rank per list, from the first snapshot — lower is better.
- All · #3434