Pro Text Type Effect
A customizable typewriter text animation component with colors, cursor styles, fonts & loop controls. Perfect for users who need a massive amount of customisation.
Make it with Workshop
Build your own component with AI
About this Component
The Pro Text Type Effect component brings dynamic storytelling to your Framer projects with a highly customizable typewriter animation.
Check out the extensive features list:
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.
