---
title: "AnimatedIconDock — Framer component · Best of Framer"
description: "$5.00 · Framer component · by Modex Studio · Navigation. AnimatedIconDock is a modern, interactive UI component designed to enhance navigation with smooth motion and engaging visual feedback."
canonical: "https://framer.elliotli.dev/component/animatedicondock"
---

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

# AnimatedIconDock

Interactive animated icon dock

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

![AnimatedIconDock preview image 1](https://framer.elliotli.dev/og/component/animatedicondock/2f5d712910ada6a6/1600x1200.jpg)

## Summary

AnimatedIconDock is a modern, interactive UI component designed to enhance navigation with smooth motion and engaging visual feedback.

## Description

AnimatedIconDock is a modern, interactive UI component designed to enhance navigation with smooth motion and engaging visual feedback. It displays icons in a dock-style layout, where each icon responds to hover, click, and scroll interactions with fluid animations and scaling effects.

Built with contemporary motion design principles, this component uses auto-triggered animations and on-scroll behavior to create a dynamic user experience. Icons smoothly expand, shift, or bounce based on user interaction, making navigation feel more intuitive and visually appealing.

**Where It’s Used:**AnimatedIconDock is commonly used in modern web apps, dashboards, portfolio websites, SaaS landing pages, mobile-first interfaces, and creative agency sites. It works especially well in hero sections or as a fixed navigation bar at the bottom or side of the screen.

**Key Features:**

-   Smooth hover and click animations
    
-   On-scroll reactive behavior
    
-   Auto-scaling and motion transitions
    
-   Minimal, modern dock-style layout
    
-   Fully responsive across devices
    
-   Easy integration in Framer and web projects
    

**Benefits:**

-   Improves user engagement with interactive motion
    
-   Enhances UI aesthetics with modern design feel
    
-   Makes navigation more intuitive and fun
    
-   Adds premium, Apple-like interface experience
    
-   Boosts overall product or website polish
    

AnimatedIconDock is ideal for designers and developers who want to bring life and movement into navigation while keeping the interface clean, minimal, and highly functional.

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

-   All · #9885

## Details

- **Author**: Modex Studio
- **Price**: $5.00
- **Published**: 2026-05-05
- **Updated**: 2026-05-04
- **Added**: 2026-04-30
- **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