Pro Text Type Effect

The Pro Text Type Effect component brings dynamic storytelling to your Framer projects with a highly customizable typewriter animation.

✨ Features:

• Typewriter-style text animation with customizable typing & deleting speeds.

• Supports single or multiple text strings with cycling through sentences.

• Loop mode on/off — stop on last sentence when disabled.

• Adjustable initial delay and pause duration between sentences.

• Optional variable typing speed for natural, human-like typing rhythm.

• Start animation only when visible in viewport (scroll-triggered).

• Reverse text animation mode for text mirror effect.

• Multi-color text cycling — supports Framer project color styles (tokens).

• Full font customization with font family, weight, size, and line-height control.

• Show/hide cursor toggle.

• Cursor mode: Preset shapes (|, _, ❚, ▋, ▌, █, etc.) or custom character(s).

• Cursor color mode: Match first text color or pick a custom color.

• Cursor blink speed control.

• Option to hide cursor while typing.

• Automatic font size & style matching between text and cursor.

• Fully responsive with CSS clamp() property support.

Pro Text Type Effect is designed for maximum flexibility. Whether you’re building a sleek modern portfolio or a bold marketing page, you can fine-tune every detail — from font styling and cursor behavior to custom cursors — without touching code.