Framer Component: Curved Text Ticker Pro by Sanna GranqvistFramer Component: Curved Text Ticker Pro | Contra
CurvedTextTickerPro 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.
Get it for$12.00
Tags
Framer Component
Framer Effect
Product created by
Sanna Granqvist proGothenburg, Sweden
$1k+
Earned
2
Paid projects
5.00
Rating
140
Followers
Sanna's other products
Framer Component: Gradient Strips BG
$12.00
Framer Component: Gradient Scroll Text
$12.00
Get it for$12.00
Tags
Framer Component
Framer Effect
CurvedTextTickerPro 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.
Sanna's other products
Framer Component: Gradient Strips BG
$12.00
Framer Component: Gradient Scroll Text
$12.00
$12.00
Buy