Text Rotate

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