← All effects

Hacker Terminal

TextVanilla JS · zero dependenciesone index walking a script
bash — tinkerfx
-- fps
prefers-reduced-motion detected — the script is shown already typed

X-ray · layers

characters appear one by one (off = instant)
the blinking block cursor
each command prints a response (off = commands only)

Parameters

Your script
Type speed45 ms
Line pause700 ms
Glow6 px
Rhythm0.5
your version · updates as you tinker

How this effect works

The whole thing is one script — a list of commands — and a single position walking through it. A tiny state machine types the current command a character at a time (waiting SPEED milliseconds between each), then prints a canned output line, pauses, and moves to the next command. When it reaches the end it clears and loops. That's it: no real shell, just text being revealed on a timer.

The human feel comes from rhythm: instead of a metronome, each keystroke's delay is jittered by a random amount, so it stutters and rushes like real typing. The cursor is a block that blinks on a CSS animation and sits at the write head. Glow is a text-shadow that fakes the bloom of a CRT, pause is the beat between lines, and you can type your own commands separated by |.

Production notes: respects prefers-reduced-motion (script shown fully typed) · pure text, no canvas · your commands are escaped and set via textContent, never innerHTML · the copied snippet is self-contained HTML + CSS + JS.