Skip to content

component

PathTextMotion

By Khannh huu

Details

Summary

PathTextMotion - Animate Text Along Any Open Path Turn static text into dynamic motion that follows any open SVG path — directly inside Framer.

Description

PathTextMotion - Animate Text Along Any Open Path Turn static text into dynamic motion that follows any open SVG path — directly inside Framer. Create eye-catching hero sections, interactive menus, loading animations, and scroll-driven storytelling in minutes. 🔛 Property Controls 🚀 Simple Setup Add your SVG path Customize text & styling Choose trigger and animation Fine-tune position and offset. Done 🎉. ✨ Why Choose PathTextMotion? Full creative control without complex setup: Multiple triggers: Auto, Hover, Click, Scroll Complete typography control Paste SVG code or upload a path Custom easing + loop options 4 animation directions (Forward, Reverse, Ping-Pong, Continuous) 🎯 Perfect For: Curved hero headlines Interactive navigation Circular loading text Product-shaped text layouts Scroll-based reveals Creative portfolio typography 🔧 Built for Designers Works with any open SVG path REM-based responsive sizing Custom cubic-bezier easing Scroll-triggered animation Clean error handling 💡 Pro Tips: Use "Nearly Circle" paths for circular text effects Set negative start positions for entrance animations Combine with hover triggers for interactive elements Use Scroll Animation for storytelling experiences Hide the path for invisible guide animations 🎨 Flexible by Design From subtle micro-interactions to bold motion typography, PathTextMotion adapts seamlessly to your Framer projects. Create expressive motion — without writing complex animation logic.💬 Support & Updates PathTextMotion is actively maintained and improved. All future updates are included with your purchase.You’re free to remain on your current version or update anytime via Assets → Components in Framer. For support or questions:📧 cobopso@gmail.com

Introduction

Animate text along any open SVG path

Rank history

Daily rank per list, from the first snapshot — lower is better.

120014001600173808/148/228/309/79/15
  • All · #7380