---
title: "Text Rotate — Framer component · Best of Framer"
description: "$9.00 · Framer component · by FramerHub.io  · Text. Text Animation Rotate Typography Effects"
canonical: "https://framer.elliotli.dev/component/textrotate"
---

[Home](/)/[Components](/components)/[Text](/components/category/text)/Text Rotate

# Text Rotate

Text Animation Rotate Typography Effects

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

![Text Rotate preview image 1](https://framer.elliotli.dev/og/component/textrotate/88436f5722cb15f2/1600x1200.jpg)

## Summary

Text Animation Rotate Typography Effects

## Description

[![](https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/description-image-79bzcsv6-TGkEaiJ4Z1tZZAXpOpab84imQv2L7Z)](https://framerhub.io/components?utm_source=framer_marketplace&utm_medium=framer_marketplace_components&utm_content=TextRotate)

### Overview

Animated text rotation with creative effects. Features 7 animation styles, staggered character animations, and dynamic color modes for hero sections and landing pages.

### Features

**Multiple Animation Effects** Choose from 7 unique effects: Slide, Blur Slide, Scale Rotate, Wave, Glitch, Bounce, and Flip. Each creates a distinct personality for your text.

**Staggered Character Animation** Animate each character or word individually with customizable stagger direction (first, last, center, or random).

**Dynamic Color Modes** Apply solid colors or smooth gradients across characters.

**Background Styling** Optional background with customizable color, padding, and border radius for a polished look.

### Use Cases

**Hero Sections** — Rotate through your key value propositions with eye-catching animations.

**Landing Pages** — Highlight product features or benefits that cycle automatically.

**Creative Headers** — Add motion and personality to static headlines.

### Properties

-   **Texts**: Multi-line input, one text per line
    
-   **Effect**: Animation type: Slide, Blur Slide, Scale Rotate, Wave, Glitch, Bounce, Flip
    
-   **Interval**: Time between rotations (ms)
    
-   **Animation Speed**: Duration of the animation (s)
    
-   **Slide Direction**: Up, Down, Left, Right (for Slide/Blur Slide)
    
-   **Stagger From**: First, Last, Center, Random
    
-   **Stagger Delay**: Delay between each character/word (s)
    
-   **Split By**: Characters or Words
    
-   **Blur Amount**: Blur intensity (for Blur Slide)
    
-   **Scale Amount**: Scale factor (for Scale Rotate)
    
-   **Rotation Degrees**: Rotation angle (for Scale Rotate)
    
-   **Wave Intensity**: Wave height (for Wave)
    
-   **Glitch Intensity**: Glitch offset (for Glitch)
    
-   **Font Size**: Text size in pixels
    
-   **Font Weight**: 100-900 scale
    
-   **Color Mode**: Solid, Gradient, Rainbow, Rotating
    
-   **Text Color**: Solid color value
    
-   **Gradient Start/End**: Gradient colors
    
-   **Use Background**: Enable/disable background
    
-   **Background Color**: Background fill color
    
-   **Background Padding**: CSS padding value
    
-   **Background Radius**: Border radius in pixels
    
-   **Auto Rotate**: Enable automatic rotation
    
-   **Loop**: Loop back to first text
    

### Customization

Add your rotating texts (one per line) and choose your animation effect:

**Animation**

-   Interval between rotations
    
-   Animation speed
    
-   Stagger direction (First, Last, Center, Random) & duration
    
-   Split text by characters or words
    

**Effects**

-   7 unique styles: Slide, Blur Slide, Scale Rotate, Wave, Glitch, Bounce, Flip
    
-   Customize direction, blur amount, scale, rotation, and intensity
    

**Appearance**

-   Color modes: Solid or Gradient
    
-   Typography settings (Font family, size, weight, etc.)
    

**Background**

-   Type: None, Solid, Gradient, or Image
    
-   Full control over colors, gradient angles, and opacity
    
-   Adjustable padding and border radius
    

## License

**Single Use License** — Use in one client project with full commercial rights. No redistribution. 1 license = 1 client.

## Refund Policy

Due to the nature of our digital products, we are unable to offer refunds, but we're here to assist you with any questions or concerns!

### Version

1.0.0

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

-   All · #10090

## Details

- **Author**: FramerHub.io
- **Price**: $9.00
- **Published**: 2026-02-19
- **Updated**: 2026-05-18
- **Added**: 2025-12-28
- **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