Rotating Text Element

The Rotating Text element cyclically cycles through multiple words or phrases with engaging animations, making your hero sections more dynamic.

Live Preview

Rotating Text Preview

Specifications

Rotating text transitions provide a subtle way to show multiple features or messages:

  • Animation Styles: Choose between Flip, Slide, Fade, Zoom, Rotate, or Bounce effects.
  • Rotation Speed: Define the Duration (in milliseconds) before moving to the next text item.
  • Text List: Provide an Array of Strings that the element will cycle through infinitely.
  • Thematic Styling: Inherit global font and color settings, or override them with custom Tailwind classes.

AI Guidance

How to prompt for Rotating Text:

  • Add rotating text that cycles between 'Easy', 'Fast', and 'Secure' with a flip animation.
  • Create a text rotator for slogans that changes every 2 seconds with a fade effect.
  • Insert a sliding rotating text that uses the brand's secondary color.