Curved Text Ticker is a text marquee component that follows a configurable SVG path. It supports straight and curved modes and loops seamlessly without visible jumps. Automatic path and text measurement keep motion consistent across breakpoints. Controls are organized for predictable editing.
Straight and curved path modes: symmetric, left bias, right bias, S-curve
Adjustable speed and direction
Optional pause state
Drag-to-scrub interaction with momentum
Custom text, symbol, SVG, or image separators
Independent text and separator fills, solid or gradient with angle control
Edge fade toggle with adjustable fade width
Optional background band with color, width, and vertical padding
Extended font controls including family, size, weight, spacing, and line height
Keyboard nudging, focus outline, hover and pressed states
Reduced motion support
Designers building expressive hero sections
Template creators who need reusable motion elements
Founders adding subtle brand movement to landing pages
The component focuses on flexibility: Motion, styling, and layout are exposed through clear props rather than open-ended controls.
Fully responsive on desktop and mobile. Mobile adjustments are handled directly on the mobile canvas using the standard Framer workflow.
Due to the nature of digital products, refunds are not provided after purchase. If you experience an issue, reach out and I will review and assist where possible.
Sanna Granqvist
