About Component
FlowingMenu 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
Uppercase toggle — switch between styled and natural text casing
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
Works out of the box — drop it in, add items and publish
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
Event & conference websites
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 framer, hover reveal nav, edge detect animation, menu component, animated navigation bar, marquee animation, image marquee, hover nav, portfolio menu, full-width navigation, flowing menu
About Component
FlowingMenu 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
Uppercase toggle — switch between styled and natural text casing
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
Works out of the box — drop it in, add items and publish
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
Event & conference websites
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 framer, hover reveal nav, edge detect animation, menu component, animated navigation bar, marquee animation, image marquee, hover nav, portfolio menu, full-width navigation, flowing menu
