Flowing Menu

MORE FRAMER COMPONENTS LIKE THIS

✦ Browse +38 FREE + 85 premium components: https://frameze.com/components

✦ Get everything for one price: https://ahmetloca.dub.link/allcomponents

About Flowing Menu

Flowing Menu is a high-impact navigation menu component for Framer. Each row reveals a smooth, infinite-scrolling marquee band on hover — sliding in from the nearest edge, detected in real time from your cursor position. Powered by GSAP with expo easing, it delivers a cinematic, editorial feel that elevates any website navigation.

Edge-aware marquee reveal — slides in from the nearest edge on hover

Smooth GSAP expo easing on enter and leave transitions

Infinite scrolling text band with optional image thumbnail per item

Real-time edge detection for natural, directional hover transitions

Fully customizable colors: background, text, marquee band and borders

Font family control with Framer's native font picker

Font weight control from 100 to 900

Font scale control — text size adapts proportionally to container height

Demo Mode — live preview with sample items, no setup needed

Up to 12 menu items, each with its own text, link and image

Native Framer link picker per item for pages and external URLs

Responsive container-based sizing — works at any width and height

Use Cases

Portfolio & personal branding websites

Creative agency & design studio landing pages

Fashion & lifestyle editorial sites

Photography & visual storytelling portfolios

Architecture & interior design studios

SaaS marketing & feature highlight pages

Music artist & entertainment sites

Restaurant & hospitality brand sites

Film & production company pages

Keywords

flowing menu, hover marquee, edge reveal animation, framer navigation component, animated menu, GSAP menu framer, marquee hover effect, scroll text navigation, cinematic menu, interactive navigation, hover reveal nav, edge detect animation, menu component, animated navigation bar, marquee animation