---
title: "Vertical Roll Text — Framer component · Best of Framer"
description: "$2.00 · Framer component · by Francesco Caronte · Text. About this Component Vertical Roll Text is an eye-catching animated link component that brings kinetic energy to your CTAs…"
canonical: "https://framer.elliotli.dev/component/vertical-roll-text"
---

[Home](/)/[Components](/components)/[Text](/components/category/text)/Vertical Roll Text

# Vertical Roll Text

Staggered vertical text animation

[View on Framer](https://framer.com/marketplace/components/vertical-roll-text/?via=elliot-li)

![Vertical Roll Text preview image 1](https://framer.elliotli.dev/og/component/vertical-roll-text/baab17c333ddd92f/1600x1200.jpg)

## Summary

About this Component Vertical Roll Text is an eye-catching animated link component that brings kinetic energy to your CTAs and navigation elements.

## Description

## 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/](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](mailto:info@carontefrancesco.it) before completing your purchase. I'm happy to help.

## Rank history [How rankings work →](/terms#rankings)

-   All · #1687

## Details

- **Author**: Francesco Caronte
- **Price**: $2.00
- **Published**: 2026-03-07
- **Updated**: 2026-03-07
- **Added**: 2026-03-02
- **Categories**: Text

## More like this

-   [Hover Stretch Text](/component/hover-stretch-text) — 584.studio · $3 — Responsive & fully customizable
-   [Type Write Effect](/component/type-write-effect) — Russet Supply · Free — Animated Text & Interactive Typing
-   [Odometer Stats](/component/odometer-stats) — Pixlify · Free — Rolling number counters
-   [Clipped Words](/component/clipped-words) — Interface Studio · $5 — Words With a Little Chaos