Features Breakdown: Animated Typewriter Text This section creates a dynamic, engaging headline where words are "typed" out and replaced in real-time. It is perfect for slogans that share multiple attributes (e.g., "We are Fast / Reliable / Creative").

1. Animation Control & Timing

• Dynamic Content: Add unlimited Text Blocks. The typewriter will cycle through these phrases one by one.

• Speed Engineering: Precise control over the animation physics:

  • Typing Speed: How fast characters appear.

  • Backspacing Speed: How fast characters are deleted.

  • Delays: Set the pause time before backspacing (so users can read the word) and before starting the next word.

• Looping: Option to run the animation infinitely or stop after the last phrase.

2. Layout & Structure

• Sentence Construction: Define Static Text to appear Before (e.g., "We are") and After (e.g., "for you.") the animated part.

• Line Breaking: Critical controls to Force Line Breaks independently for Mobile and Desktop.

  • Usage: This allows you to keep the sentence on one line on Desktop, but stack the animated word on a new line on Mobile to prevent layout shifting/jumping.

• Alignment: Align the entire text block to the Left, Center, or Right.

3. Visual Styling

• Distinction: Separate color pickers for the Static Text and the Animated Text (Accent Color).

• Styling Options: Toggles to make the animated text Bold or show an Underline.

• Cursor: Show or hide the blinking typing cursor ("|").

4. Typography & Sizing

• Granular Sizing: You have two sets of size sliders:

  • Static Text Size: Control the base font size for Mobile and Desktop.

  • Animated Text Size: Control the size of the typing words separately (often made larger for emphasis).

• Font Source: Use the global Theme Font or force a specific Custom Font.

5. Spacing & Visibility

• Container: Set a Max-Width to keep the text contained.

• Padding: Full control over vertical and side padding.

• Device Targeting: Options to hide the section on Mobile Only or Desktop Only.