---
title: "Framer Components for Navigation — Page 4 of 26 · Best of Framer"
description: "Framer components for Navigation, ordered by marketplace rank — switch to newest or fastest-gaining, then drop one into your own project. (Page 4 of 26)"
canonical: "https://framer.elliotli.dev/components/category/navigation/4"
---

Resources

# Components for Navigation

Reusable UI pieces you can drop straight into a project — browse by category, or order by rank, newest, and gaining.

[Browse templates](/templates)[Browse vectors](/vectors)

-   [All categories](/components)
-   [Interactive](/components/category/interactive)
-   [Carousels](/components/category/carousels)
-   [Text](/components/category/text)
-   [Sections](/components/category/sections)
-   [Buttons](/components/category/buttons)
-   [Effects](/components/category/effects)
-   [Cards](/components/category/cards)
-   [Galleries](/components/category/galleries)
-   [Backgrounds](/components/category/backgrounds)
-   [Navigation](/components/category/navigation)
-   [Forms](/components/category/forms)
-   [Cursors](/components/category/cursors)
-   [Loaders](/components/category/loaders)
-   [Players](/components/category/players)
-   [Accordions](/components/category/accordions)
-   [Charts](/components/category/charts)
-   [Maps](/components/category/maps)
-   [Interactions](/components/category/interactions)
-   [Typography](/components/category/typography)
-   [CMS](/components/category/cms)
-   [Data](/components/category/data)
-   [Layout](/components/category/layout)
-   [Utilities](/components/category/utilities)

[All component categories](/components/category)

-   [Rank](/components/category/navigation)
-   [Newest](/components/category/navigation?sort=newest)
-   [Trending](/components/category/navigation?sort=gaining)

[Free](/components/category/navigation?free=1)

-   [Design Studio Navbar](/component/design-studio-navbar) — Val Casanova · Free — MacOS Menu Bar Style Navigation
-   [Liquid-glass Nav Bar](/component/liquid-glass-nav-bar) — KravDzin · $9 — Krav Studios - LQ Nav Bar
-   [Blur Navigation](/component/blur-navigation) — Matt · Free — About Blur Navigation is a floating frosted-glass panel that expands from a compact top bar into a complete menu while blurring the entire…
-   [GT Language Switcher](/component/gt-language-switcher) — Soyeb · $24 — GT Language Switcher solves this.
-   [Motion Hamburger](/component/motion-hamburger) — Matt · Free — About Motion Hamburger is a responsive animated menu icon that smoothly morphs three lines into a close X.
-   [TOC Component](/component/toc-component) — Esakki kumar · Free — Free TOC Component
-   [Sidebar Navigation](/component/sidebar-navigation) — Till Janek · Free — Smooth, flexible adaptive sidebar
-   [Modern Menu Icon](/component/modern-menu-icon) — Kumar SK · Free — Overview Modern Menu Icon is a clean Framer component designed for smooth menu state transitions and interactive visual feedback in modern…
-   [Navigation - Minimal](/component/navigation-minimal) — VectorFlow Studio · $6 — A clean, modern Footer with Navbar
-   [MercuryOS Dock](/component/mercuryos-dock) — ETHAN CARTER · $5 — MercuryOS Dock uses a proprietary "Math-Based Hitbox" system.
-   [Hover Navigation](/component/hover-navigation) — Alexandra Johnson · Free — Responsive, expand on-hover navigation
-   [Morph Dropdown](/component/morph-dropdown) — BuiltByKern · Free — Morph Dropdown opens with a liquid metaball morph from pill to floating menu, then settles with a clean gap.
-   [Kinetic Wheel](/component/kinetic-wheel) — Thanh Tran · $5 — Smoothly Curved Scroll Wheel
-   [Motion Corner Menu](/component/motion-corner-menu) — Matt · Free — About Motion Corner Menu is a compact floating button that expands into a complete navigation panel with a smooth spring animation.
-   [Eye Follow Navbar](/component/eye-follow-navbar) — Matt · Free — A navbar with eyes that follow you
-   [Burger Menu Icon](/component/burger-menu-icon) — Framerspark · Free — A minimal interactive icon component designed for toggling navigation menus.
-   [Announcement Nav](/component/announcement-nav) — Matt · Free — Inspired by @Till Janek 🫶 About Announcement Nav is a floating pill navigation with a built-in, dismissible announcement ticker.
-   [Dynamic Nav](/component/dynamic-nav) — Arian · Free — A Dynamic NavBar that expands & reacts
-   [Article TOC](/component/article-toc) — Joviseo KIM · $9 — Table of contents for articles
-   [Liquid Glass Nav Pro](/component/liquid-glass-nav-pro) — Matt · Free — About Liquid Glass Nav Pro is a compact floating navigation with real background refraction instead of a simple blur.
-   [Tech Nav Bar Pro](/component/tech-nav-bar-pro) — Val Casanova · $10 — Premium Tech Navigation Component
-   [Refractive Glass Nav](/component/refractive-glass-nav) — Ashrafur Rahman · $15 — Glossmorphism nav with refraction
-   [Service Tabs](/component/service-tabs) — Till Janek · Free — A subtle way to present core services
-   [Enterprise Navbar](/component/enterprise-navbar) — Matt · $29 — About Enterprise Navbar is a responsive, native Framer navigation system for SaaS, B2B, software, and content-heavy websites.

[Previous](/components/category/navigation/3)

-   [1](/components/category/navigation)
-   …
-   [3](/components/category/navigation/3)
-   [4](/components/category/navigation/4)
-   [5](/components/category/navigation/5)
-   …
-   [26](/components/category/navigation/26)

[Next](/components/category/navigation/5)

Page 4 of 26, 602 items.