---
title: "Nav Dock — Free Framer component · Best of Framer"
description: "Free Framer component · by raffaele parlato · Navigation. Nav Dock is a ready-to-use, fully customizable menu with smooth active states and a polished pill-shaped design."
canonical: "https://framer.elliotli.dev/component/nav-dock"
---

[Home](/)/[Components](/components)/[Navigation](/components/category/navigation)/Nav Dock

# Nav Dock

Modern icon nav bar

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

![Nav Dock preview image 1](https://framer.elliotli.dev/og/component/nav-dock/9d0a1411dd2aced2/1600x1200.jpg)

## Summary

Nav Dock is a ready-to-use, fully customizable menu with smooth active states and a polished pill-shaped design.

## Description

Add a sleek, modern navigation bar to your site in seconds. Nav Dock is a ready-to-use, fully customizable menu with smooth active states and a polished pill-shaped design.

Perfect as a primary navigation, header menu, or quick-access toolbar — it adapts beautifully to portfolios, landing pages, dashboards, and apps.

**Ready in seconds:** just drop it onto your canvas, add your icons, and link each item. Done.

**Fully customizable** — control everything from the properties panel, no code needed:

-   **Icons** — use any icon set or swap in your own
    
-   **Active State** — highlight the current page with a custom background
    
-   **Colors** — set icon, background, and highlight colors
    
-   **Corner Radius** — adjust the rounding of the dock and items
    
-   **Spacing** — fine-tune padding and gaps between icons
    
-   **Links** — connect each icon to any page or URL
    

Fully responsive and adaptable to any layout. Perfect for portfolios, agencies, product sites, and any project that needs clean, professional navigation.

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

-   All · #6824

## Details

- **Author**: raffaele parlato
- **Published**: 2026-08-08
- **Updated**: 2026-08-09
- **Added**: 2026-08-08
- **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