---
title: "ExtremeMenudock — Free Framer component · Best of Framer"
description: "Free Framer component · by Creative Apes · Navigation. Kinetic Physics-Based Navigation Dock"
canonical: "https://framer.elliotli.dev/component/extrememenudock"
---

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

# ExtremeMenudock

Kinetic Physics-Based Navigation Dock

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

![ExtremeMenudock preview image 1](https://framer.elliotli.dev/og/component/extrememenudock/bbbd15a107ab2b52/1600x1200.jpg)

## Summary

Kinetic Physics-Based Navigation Dock

## Description

## The Future of Kinetic Navigation

Revolutionize your user interface with **Extreme Dock**, a high-performance physics engine disguised as a navigation component. Built specifically for Framer, this component transcends standard UI patterns by introducing **Magnetic Proximity** and **Orbital Motion** logic, transforming static links into a tactile, living interface that reacts to the user’s presence with cinematic fluidity.

### Key Highlights

\- **Magnetic Proximity Physics**: Icons possess a virtual 'gravitational pull,' leaning and stretching toward your cursor as it enters the dock's radius. This creates an intuitive sense of depth and responsiveness that feels tangible.

\- **Kinetic Orbital Effect**: When you hover over an item, neighboring icons don't just scale; they subtly rotate and 'orbit' the active item, creating a sense of mechanical depth and sophisticated motion logic found in elite operating systems.

\- **Zero-Lag Optimization**: We’ve engineered a custom 'Sleep State' logic that pauses all physics calculations when the mouse is away, ensuring your site remains lightning-fast and battery-efficient even with complex math running under the hood.

\- **Ambient Floor Glow**: Features a customizable reflection/glow that projects beneath the dock, grounding the UI in a physical space. This is specifically optimized for high-contrast Dark Mode designs.

\- **Lucide Icon Integration**: Comes pre-loaded with a massive library of high-quality icons, or simply drop in your own custom images for total branding control.

### Complete Design Control

\- **Spring Physics Masterclass**: Fine-tune Stiffness, Damping, and Mass to achieve anything from a 'light and bouncy' to a 'heavy and industrial' feel.

\- **Glassmorphism & Shine**: Toggle high-end backdrop blurs and 'glass shine' overlays to match modern aesthetic trends like iOS and macOS styles.

\- **Responsive Anchoring**: Easily switch between Top, Bottom, or Center positioning with horizontal alignment controls to fit any layout architecture.

### Perfect For:

\- **Creative Portfolios**: Replace standard headers with a futuristic dock that rewards exploration.

\- **Dashboard Interfaces**: Use it as a quick-access utility bar for high-performance apps.

\- **Immersive Landing Pages**: Capture attention immediately with a navigation pattern that feels like it’s from the year 2030.

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

-   All · #7703

## Details

- **Author**: Creative Apes
- **Published**: 2026-05-31
- **Updated**: 2026-04-16
- **Added**: 2026-04-06
- **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