TextOnPath
A Framer code component that animates text seamlessly along a circular, elliptical, or custom SVG path. Perfect for creating dynamic logos, hero sections, and decorative borders, i
Make it with Workshop
Build your own component with AI
About this Component
TextOnPath for Framer – Animate Text Around Any ShapeA Framer code component that animates text seamlessly along a circular, elliptical, or custom SVG path. Perfect for creating dynamic logos, hero sections, and decorative borders, it lets you craft smooth, continuous text motion with full control over typography, speed, and direction—no code required.
Features
Shape options: Circle, Ellipse, or Custom Path (d string)
Adjustable loop speed & direction (forward/reverse)
Hover-to-play or continuous animation
Duplicate text for seamless loops
Full typography controls (font, size, weight, spacing, color)
Baseline offset for precise positioning
