CurvedTextPro is a production-ready curved typography component built for high-end marketing layouts. It renders text along precision SVG paths with seamless looping animation, stable responsive behavior, and zero visual artifacts. No rotation hacks. No letter-by-letter glitches. No layout breaking surprises.
It is designed for designers who want expressive typography with real control and predictable behavior inside Framer.
• True SVG textPath rendering with precise path measurement• Infinity Loop animation that follows the loop direction smoothly• Intelligent path overfill logic to eliminate visual gaps• Stable behavior across resizing and breakpoint changes• Full Framer Font control integration• Text transform support including uppercase, lowercase, and capitalize• Optional background band for badge and label styles• Optional stroke outline for high-contrast typography
• Arch• Stadium Wide• S Curve• Diagonal• Wave Single• Wave Double• Infinity Loop
Each preset is tuned for headline usage and marketing-focused layouts.
• Arc mode with adjustable radius and angle range• Circle mode with responsive radius scaling• Wave mode with baseline, amplitude, frequency, phase, padding, and resolution controls
All custom paths scale proportionally inside responsive Framer layouts.
• Smooth continuous looping motion• Speed control using duration in seconds per cycle• Direction control enabled only when technically valid• Locked correct flow for closed paths such as Infinity Loop• No letter-by-letter appearance artifacts
• Hero typography accents• Kinetic landing page headlines• Badge and seal designs• Decorative brand statements• Motion-driven marketing sections
