NavFlow Pro

NavFlow Pro

NavFlow Pro is a production-ready navigation component for Framer, built for polished desktop and mobile experiences beyond native Framer interactions.

It combines real-time DOM measurement, spring animations, responsive behavior, and advanced dropdown logic in one flexible component.

Core Features

• Sliding Indicator Choose between Pill, Underline, or None. The indicator moves smoothly between navigation items using measured positions and spring-based animation.

• Morphing Mega Dropdowns Dropdown panels smoothly resize and cross-fade as users move between items, instead of closing and reopening.

• Scroll-Aware Navigation Enable sticky positioning and optional compact-on-scroll behavior while keeping the full navigation functional.

• Responsive Mobile Menu Below your chosen breakpoint, the navbar switches to a slide-in panel with accordion submenus, overlay backdrop, and spring transitions.

• Featured Cards Add optional promotional cards with an image, badge, title, description, and link. Perfect for products, updates, articles, or announcements.

Flexible Configuration

Create up to 8 navigation items and configure each as a standard link, link list, or full mega panel.

Add an optional CTA button with Filled, Outline, or Ghost styles.

Themes and Customization

Choose from four built-in themes:

• Obsidian • Snow • Midnight • Zinc

Switch to Custom mode for full control over colors, spacing, radius, typography, layout, dropdown styling, and mobile breakpoint.

Perfect For

SaaS websites, startups, agencies, portfolios, product platforms, and content-rich Framer sites that need premium navigation without rebuilding everything from scratch.