Pro Typewriter Text — Smart typewriter animation for Framer

Typewriter Text brings a clean, premium typewriter animation to Framer - perfect for hero headlines, taglines, and short paragraphs.

Features

• Character or Word typing

• Paragraph mode (keeps your line breaks and types naturally)

• Two loop styles: Delete or Fade

• Smart Pause for punctuation (comma, period, ellipsis)

• Caret options: Bar / Block / Underscore + blink control

• Optional caret glow

• Optional highlight flash while typing

• Optional scramble typing effect

• Stable height option + max line clamp

• Optional gradient text (angle + colors)

• Uses Framer Font control (Canvas + Preview consistent)

How to use

1. Drop the component onto your canvas.

2. Add your copy in Text (use line breaks for 2-line or paragraph typing).

3. Choose Chars or Words, then set timing (Type Speed / Pause After).

4. Turn on Cursor and pick a caret style if needed.

5. Optional: enable Gradient, Highlight, or Scramble for extra flair.

Best for

• Hero titles + subtitles

• Landing page taglines

• SaaS onboarding copy

• Product micro-interactions