CurvedTextPro

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.

Core Features

• 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

Presets Included

• Arch• Stadium Wide• S Curve• Diagonal• Wave Single• Wave Double• Infinity Loop

Each preset is tuned for headline usage and marketing-focused layouts.

Custom Path Modes

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

Animation System

• 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

Ideal Use Cases

• Hero typography accents• Kinetic landing page headlines• Badge and seal designs• Decorative brand statements• Motion-driven marketing sections