Curved Text Ticker

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.

Key features

• 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

Who it’s for

• Designers building expressive hero sections

• Template creators who need reusable motion elements

• Founders adding subtle brand movement to landing pages

What makes it different

The component focuses on flexibility: Motion, styling, and layout are exposed through clear props rather than open-ended controls.

Responsive behavior

Fully responsive on desktop and mobile. Mobile adjustments are handled directly on the mobile canvas using the standard Framer workflow.

Return policy

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.