--- title: "Framer Components for Navigation — 602 Ranked · 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." canonical: "https://framer.elliotli.dev/components/category/navigation" --- 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) - [Floating Pill Nav](/component/floating-pill-nav) — Omer Mirza · Free — Apple-Style Animated Tabs - [Push Menu Navigation](/component/push-menu-navigation) — Daniyal Habib · $8 — Push Menu Navigation is a responsive Framer navigation component with a right-side, off-canvas menu that pushes your page aside. - [Motion Overlay Menu](/component/motion-overlay-menu) — Matt · Free — A cinematic entrance to your site - [Mega Navigation](/component/mega-navigation) — Daniyal Habib · $15 — Mega Navigation is a responsive navigation component for Framer that helps you build polished SaaS style menus with multi column dropdowns,… - [Modern Navbar](/component/modern-navbar) — Kumar SK · Free — Overview Modern Navbar is a responsive navigation component built to create smooth and modern website experiences through interactive… - [Line Menu - TOC](/component/line-menu-toc) — Till Janek · Free — Minimal lines that expands to text. - [Portfolio Rows](/component/portfolio-rows) — Framer · Free — Project list with hover previews - [Growing Navigation](/component/growing-navigation) — Daniyal Habib · $10 — Growing Navigation is a fully animated hamburger navigation built for Framer. - [Dynamic Island Nav](/component/dynamic-island-nav) — Matt · Free — Floating navigation that adapts - [Wheel scale nav](/component/wheel-scale-nav) — Sinax · $5 — interactive wheel navigation - [Push Down Navigation](/component/push-down-navigation) — Daniyal Habib · $8 — Navigation that pushes the page - [Liquid Glass Navbar](/component/liquid-glass-navbar) — Matt · Free — About Liquid Glass Navbar is a premium liquid glass navigation with refined hover interactions, a shimmering CTA, and a responsive mobile… - [Next Page On Scroll](/component/next-page-on-scroll) — Daniyal Habib · $6 — Next Page on Scroll is a cinematic page transition component for Framer that turns the bottom of your page into an immersive scroll-driven… - [Pill Dropdown Nav](/component/pill-dropdown-nav) — Matt · Free — About Pill Dropdown Nav is a responsive floating navigation with a smooth sliding hover highlight and fluid dropdown panels on desktop. - [Motion Burger Menu](/component/motion-burger-menu) — Gennady Muzych · $6 — Smooth and memorable - [Interactive Ticker](/component/interactive-ticker) — Framify · Free — SetFrame Banner Interactive Ticker Link is a dynamic link component designed for Framer that presents navigation items in a ticker-style… - [Liquid Gooey Nav](/component/liquid-gooey-nav) — Orix Studio · Free — Fluid SVG metaball tab bar - [Hinge Menu](/component/hinge-menu) — Manjesh Yadav · Free — Header menu with a 3D page tilt - [VerticalDialNav](/component/verticaldialnav) — John Kappa · Free — VerticalDialNav —a vertical dial-style navigation menu that scrolls to various sections of your page. - [Submenu Sidebar Nav](/component/submenu-sidebar-nav) — Till Janek · Free — Responsive Menu with dynamic submenus A highly customizable sidebar navigation with smooth animations, flexible submenu structures… - [Nova Glow Navigation](/component/nova-glow-navigation) — Matt · Free — About Nova Glow Navigation is a responsive floating navbar defined by an animated gradient that continuously travels around its border. - [Magnetic Icons Dock](/component/magnetic-icons-dock) — Lera · $10 — Icon tiles magnetic navigation - [Awards Morphed Menu](/component/morphed-menu) — Ash · Free — Animated responsive morphing navigation - [Focus Lens Navbar](/component/focus-lens-navbar) — Matt · Free — Bring your navigation into focus Previous - [1](/components/category/navigation) - [2](/components/category/navigation/2) - … - [26](/components/category/navigation/26) [Next](/components/category/navigation/2) Page 1 of 26, 602 items.