---
title: "Apple Navigation — Free Framer component · Best of Framer"
description: "Free Framer component · by Daniyal Habib · Navigation. Realistic macOS style dock menu"
canonical: "https://framer.elliotli.dev/component/apple-dock-nav"
---

[Home](/)/[Components](/components)/[Navigation](/components/category/navigation)/Apple Navigation

# Apple Navigation

Realistic macOS style dock menu

[View on Framer](https://framer.com/marketplace/components/apple-dock-nav/?via=elliot-li)

![Apple Navigation preview image 1](https://framer.elliotli.dev/og/component/apple-dock-nav/af49075b2ffde1f0/1600x1200.jpg)

## Summary

Realistic macOS style dock menu

## Description

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.

## Rank history [How rankings work →](/terms#rankings)

-   All · #586

## Details

- **Author**: Daniyal Habib
- **Published**: 2025-12-31
- **Updated**: 2026-10-28
- **Added**: 2025-12-07
- **Categories**: Navigation

## More like this

-   [Reveal Navigations](/component/reveal-navigations) — Design Supply · Free — A calmer way to open your menu
-   [Collapsible Sidebar](/component/collapsible-sidebar) — Marso Angelov · $10 — Responsive Side Navigation
-   [Dial Picker](/component/dial-picker) — Tanmay Kaper · $14 — A machined dial for your projects
-   [Expanding Side Menu](/component/expanding-side-menu) — Russet Supply · $5 — Animated Framer Navigation