Skip to content
All effectsCode

Terminal

Lines appear one after another on a step timer. Not a typewriter — a log, which is what a terminal actually looks like.

Pure CSSCodePro

Usage

$ npm i @wunderui/reactadded 1 package✓ done in 1.4s

Meant for

Code BlockLog StreamCard

Examples

On a Terminal Output

Output lines appearing one after another on a steps() timer. Not a typewriter — a log, which is what a terminal actually looks like, and it costs one animation instead of one per character. The class goes on TerminalOutput's output panel and every line carries its --wm-i.

npm run buildexit 03.8 s

> @wunderui/motion@0.1.0 build

compiling motion.css

179 effects, 0 warnings

✓ built in 840 ms

The class is wm wm-terminal — the first half is the marker the trigger and reduced-motion rules hook into, the second is the effect.