Curved Text Ticker

Curved Text Ticker is a text marquee component that follows a configurable SVG path.

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.

The only curved text ticker you'll need