---
title: "Dock — Free Framer component · Best of Framer"
description: "Free Framer component · by Umang Waghela · Navigation. dock, fully customizable for use in Framer projects."
canonical: "https://framer.elliotli.dev/component/dock"
---

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

# Dock

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

![Dock preview image 1](https://framer.elliotli.dev/og/component/dock/b53de6a35821588e/1600x1200.jpg)

## Summary

dock, fully customizable for use in Framer projects.

## Description

macOS Dock Component for Framer

This component replicates the look and feel of the macOS dock, fully customizable for use in Framer projects. It’s perfect for desktop UI concepts, OS mockups, and interactive prototypes.**Main Features:**

-   **Variants**: Choose different dock styles for various looks.
-   **Dock Color**: Adjust the background color to match your design.
-   **Profile & Image**: Easily add profile pictures or custom dock images.
-   **Background Blur**: Control the blur effect for a polished macOS aesthetic.

**App Icon Properties:**

-   **Dot Indicator**: Show active app status with a dot.
-   **Title & Tooltip**: Display labels and tooltips for better clarity.
-   **Background Glow & Border**: Highlight active or hovered icons.
-   **Custom Images**: Swap in your own app icons with ease.

This component is designed to be flexible and user-friendly, giving you the power to quickly create beautiful, interactive macOS-style docks.

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

-   All · #614

## Details

- **Author**: Umang Waghela
- **Published**: 2025-08-12
- **Updated**: 2026-06-07
- **Added**: 2025-08-02
- **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
