About Component
TickerMarquee is a premium animated marquee component for Framer featuring two diagonally intersecting, infinite-scroll text strips. As visitors scroll your page, the arrow icons dynamically flip direction — creating a scroll-aware motion effect that feels alive and intentional. Designed for agencies, portfolios and brand websites that demand motion with purpose.
Built with the Web Animations API for smooth, jank-free performance — no CSS injection, no external dependencies. Three handcrafted color presets (Cream, Blush and Sand) get you started instantly, or define fully custom colors for each strip independently. Adjust font family, font stretch, text size, gap, repeat count and diagonal angle to match any brand identity.
The built-in Demo Mode panel lets you preview speed, angle, vertical spacing and theme live — without opening the property panel. The panel scales responsively so it never overflows on smaller screens. Enable the optional edge fade for a soft gradient dissolve on both sides, perfect for full-bleed layouts.
Use Cases
Agency and creative studio hero sections
Portfolio and personal branding websites
Fashion and lifestyle landing pages
SaaS marketing and feature highlight sections
Event and conference announcement pages
Architecture and interior design portfolios
Editorial and magazine-style layouts
Product launch and e-commerce pages
Photography and visual storytelling sites
Sport and fitness brand websites
Keywords
marquee framer, ticker animation, diagonal marquee, infinite scroll text, animated text strips, scroll-aware marquee, text ticker framer, scrolling banner, marquee component, diagonal ticker, text animation framer, infinite ticker, framer marquee, animated text banner, scroll direction marquee, ticker reveal, text loop framer, ribbon animation, marquee gallery framer, diagonal text component
About Component
TickerMarquee is a premium animated marquee component for Framer featuring two diagonally intersecting, infinite-scroll text strips. As visitors scroll your page, the arrow icons dynamically flip direction — creating a scroll-aware motion effect that feels alive and intentional. Designed for agencies, portfolios and brand websites that demand motion with purpose.
Built with the Web Animations API for smooth, jank-free performance — no CSS injection, no external dependencies. Three handcrafted color presets (Cream, Blush and Sand) get you started instantly, or define fully custom colors for each strip independently. Adjust font family, font stretch, text size, gap, repeat count and diagonal angle to match any brand identity.
The built-in Demo Mode panel lets you preview speed, angle, vertical spacing and theme live — without opening the property panel. The panel scales responsively so it never overflows on smaller screens. Enable the optional edge fade for a soft gradient dissolve on both sides, perfect for full-bleed layouts.
Use Cases
Agency and creative studio hero sections
Portfolio and personal branding websites
Fashion and lifestyle landing pages
SaaS marketing and feature highlight sections
Event and conference announcement pages
Architecture and interior design portfolios
Editorial and magazine-style layouts
Product launch and e-commerce pages
Photography and visual storytelling sites
Sport and fitness brand websites
Keywords
marquee framer, ticker animation, diagonal marquee, infinite scroll text, animated text strips, scroll-aware marquee, text ticker framer, scrolling banner, marquee component, diagonal ticker, text animation framer, infinite ticker, framer marquee, animated text banner, scroll direction marquee, ticker reveal, text loop framer, ribbon animation, marquee gallery framer, diagonal text component
Ahmet Loca
