---
title: "Pill Dropdown Nav — Free Framer component · Best of Framer"
description: "Free Framer component · by Matt · Navigation. About Pill Dropdown Nav is a responsive floating navigation with a smooth sliding hover highlight and fluid dropdown panels on desktop."
canonical: "https://framer.elliotli.dev/component/pill-dropdown-nav"
---

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

# Pill Dropdown Nav

Smooth from tab to tab

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

![Pill Dropdown Nav preview image 1](https://framer.elliotli.dev/og/component/pill-dropdown-nav/8c9ec0e412efae46/1600x1200.jpg)

## Summary

About Pill Dropdown Nav is a responsive floating navigation with a smooth sliding hover highlight and fluid dropdown panels on desktop.

## Description

## About

Pill Dropdown Nav is a responsive floating navigation with a smooth sliding hover highlight and fluid dropdown panels on desktop. On mobile, it transforms into a compact hamburger menu with expandable accordion sections, keeping the complete experience inside one component.

## What you can customize

Built entirely with native Framer elements and customizable directly from the properties panel. Edit all 21 link labels, destinations, new-tab settings, and visibility controls, while colors, typography, spacing, and radius stay synchronized across desktop and mobile.

## Great for (examples)

Just a few ideas, use it anywhere you need a polished navigation for larger link structures:

-   SaaS websites
    
-   Product websites
    
-   Startup websites
    
-   Software platforms
    
-   Creative agencies
    
-   Design studios
    
-   Portfolio websites
    
-   AI products
    
-   Marketing websites
    
-   Modern landing pages
    
-   Documentation hubs
    
-   Premium Framer templates
    

## Share your build

If you ship something cool with it, post it on X and tag me [@Matthias\_Oel](https://x.com/Matthias_Oel), or send it over. I’d love to see what you create.

## Need help?

Questions or feedback? Reach me anytime: [matthias@lmvision.de](mailto:matthias@lmvision.de) or on X [@Matthias\_Oel.](https://x.com/Matthias_Oel)

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

-   All · #221

## Details

- **Author**: Matt
- **Published**: 2026-08-18
- **Updated**: 2026-10-30
- **Added**: 2026-08-18
- **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