Apple Dock Nav
Experience the fluid Apple Dock Navigation. Features smooth magnification, active dots, and glass tooltips. The ultimate Apple Dock Navigation for your Framer site.
Make it with Workshop
Build your own component with AI
Experience the fluid Apple Dock Navigation. Features smooth magnification, active dots, and glass tooltips. The ultimate Apple Dock Navigation for your Framer site.
Make it with Workshop
Build your own component with AI
Bring the iconic macOS experience to your web projects with this high-fidelity Apple Dock Navigation. Designed to replicate the premium feel of the operating system, this component brings butter-smooth interaction to your Framer site.
Why use this Apple Dock Navigation? Engineered for performance, this Apple Dock Navigation uses advanced Framer Motion spring physics to create that satisfying, organic magnification effect users love. It is the perfect solution for designers looking to implement an Apple Dock Navigation style menu in portfolios or dashboards.
Key Features:
Fluid Apple Dock Navigation: Distance-based scaling that reacts instantly to mouse movement with snappy physics.
Active State Indicators: A crucial part of Apple Dock Navigation, allowing you to toggle realistic white dots below specific icons to simulate open apps.
Glassmorphism Tooltips: Beautiful hover labels with background blur that appear seamlessly above your Apple Dock Navigation items.
Smart Defaults: Comes pre-loaded with popular design icons (Figma, Framer, Arc) but is easily swappable.
Fully Customizable: Control the base size, magnification scale, influence distance, and gaps to fit your specific Apple Dock Navigation needs.
Click Animations: Includes a subtle tactile press animation when Apple Dock Navigation icons are clicked.
Elevate your site's user interface today with the most fluid and customizable Apple Dock Navigation for Framer.
