vaweGitHub

EasingBy job

Typing animation speed: milliseconds per character

Type 30 ms a character, with 70 ms more after a space and 25% jitter. 20 to 27 characters a second with pauses at word gaps: 38 in 1.5 s, 35 in 1.3 s, 61 in 3 s. A terminal steps: it prints a character on a frame with no slide or fade.

Demo

Typing

bin/vawe new hello

680 ms

Built from the measured numbers below. If your system asks for reduced motion, nothing plays and the final state shows.

Duration

Duration
30 ms a character, +70 ms after a space, 25% jitter

Code

vawe
import { UI } from '../../core/motion/presets.js';

// UI.typing: charMs 30, spaceMs 70, jitter 0.25 (seed it with rng)

Measured source

Measured on ChatGPT and Vercel Analytics clips at 30 fps, read off frames, plus or minus 33 ms. The numbers live in UI, imported from core/motion/presets.js.

PresetValueMeasured
Typing30 ms a character, +70 ms after a space, 25% jitter20 to 27 characters a second with pauses at word gaps: 38 in 1.5 s, 35 in 1.3 s, 61 in 3 s.

Video components for this job

Other jobs

More easing