---
title: "Motion Text Roll — Framer component · Best of Framer"
description: "$10.00 · Framer component · by decsy · Text. Key Features: 3D Letter Rotation: Each letter flips smoothly around its X-axis with perspective for depth."
canonical: "https://framer.elliotli.dev/component/motion-text-roll"
---

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

# Motion Text Roll

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

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

## Summary

Key Features: 3D Letter Rotation: Each letter flips smoothly around its X-axis with perspective for depth.

## Description

Key Features:

-   **3D Letter Rotation:** Each letter flips smoothly around its X-axis with perspective for depth.
    
-   **Custom Timing Control:** Configure _duration_, _enter delay_, and _exit delay_ per character.
    
-   **Continuous Animation Mode:** Optionally loops the roll animation indefinitely for attention-grabbing headlines.
    
-   **Flexible Easing Options:** Choose between _linear_, _easeIn_, _easeOut_, or _easeInOut_ for motion feel.
    
-   **Font & Style Customization:** Full control of _font_, _size_, _weight_, _color_, _letter spacing_, and _line height_.
    
-   **Lightweight Performance:** Optimized for smooth animations using **Framer Motion** and React transitions.
    
-   **Responsive by Design:** Works across all layout sizes and devices, perfect for landing pages and hero sections.
    

Best Use Cases:

-   Animated **hero headlines** and **section titles**
    
-   **Loading text** or **intro animations**
    
-   **Brand taglines**, **product names**, or **CTA reveals**
    

This component instantly adds a **premium, motion-rich feel** to any design, helping content stand out and engage users visually.

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

-   All · #10286

## Details

- **Author**: decsy
- **Price**: $10.00
- **Published**: 2025-10-29
- **Updated**: 2025-11-08
- **Added**: 2025-10-21
- **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