Vertical Roll Text

Vertical Roll Text
Vertical Roll Text

About Vertical Roll Text

About this Component

Vertical Roll Text is an eye-catching animated link component that brings kinetic energy to your CTAs and navigation elements. On hover, each letter smoothly scrolls vertically in a continuous loop with a staggered delay, creating a dynamic slot-machine-like effect. Choose from monospace or custom fonts, adjust animation speed and timing, toggle decorative brackets, and control direction (up or down).

Live Preview

https://verticalrolltext.framer.website/

Customizable Properties

/ Content

  • Text – The link text to display and animate

  • Link – URL destination for the link

  • Open In – Same Tab/New Tab)

/ Typography

  • Font – Choose any font family

  • Color – Text color

/ Animation

  • Speed – Duration of the vertical scroll animation per letter

  • Stagger – Delay between each letter's animation start

  • Direction – Choose Up or Down for the vertical scroll direction

/ Style

  • Brackets – Show/Hide

  • Padding X – Horizontal padding around the text

  • Padding Y – Vertical padding around the text

Use cases

Hero CTAs · Portfolio navigation · Interactive buttons · Modern landing pages · Creative micro-interactions · Newsletter signups

Refund Policy

All sales of digital products are final and non-refundable. If you have any questions about the product, please contact me at info@carontefrancesco.it before completing your purchase. I'm happy to help.

From Francesco Caronte

Highlight Scramble
Stroke Hover
Typing Hover Button
Dynamic Bento Grid

Related Components

Text Rotation
Gooey Text
Kinetic Text Slider
Ink Bleed