PathTextMotion

PathTextMotion

About PathTextMotion

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

  1. Add your SVG path

  2. Customize text & styling

  3. Choose trigger and animation

  4. 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