Type Writer
0
Used by 0Controls
Type Writer
Types out a rotating list of phrases one character at a time with a blinking cursor and a static, separately colored prefix.
KEY FEATURES
- — Cycles through an array of phrases, typing then deleting in a loop
- — Static prefix rendered before the typed segment
- — Separate colors for prefix, typed text, and cursor
- — Per-character type speed set via the ease transition duration
- — Adjustable hold delay before deleting plus a dedicated delete speed
- — Toggleable blinking cursor with a custom cursor character
- — Hide cursor while actively typing option
- — Full font control for family, size, weight, line height, and letter spacing
- — Renders a completed-phrase snapshot on export and thumbnail
API Reference
All props map directly to the controls panel sliders and color pickers.
LAYOUT
PROP
TYPE
DEFAULT
DESCRIPTION
prefix
string
Static text shown before the animated typed segment.
texts
array
[...]
List of phrases typed out one at a time, looping.
typedColor
color
#FFFFFF
Color of the animated typed-out text.
ease
transition
{"..."}
Typing transition: duration sets per-character speed, delay the hold before deleting.
showCursor
boolean
true
Shows the blinking cursor after the text.
hideCursorOnType
boolean
false
Hides the cursor while text is actively typing or deleting.
cursorChar
string
_
Character used for the cursor, such as _ or |.
cursorColor
color
Color of the cursor; falls back to the typed text color when empty.
font
font
{"..."}
Font family, weight, size, line height, and letter spacing of the text.
ANIMATION
PROP
TYPE
DEFAULT
DESCRIPTION
deleteSpeed
number
0.1
Seconds between removing each character while deleting.
COLORS
PROP
TYPE
DEFAULT
DESCRIPTION
color
color
#FFFFFF
Color of the static prefix text.
