Skip to content
All effectsAI & Agents

Log Stream

Lines arrive, the oldest fade at the top edge.

Pure CSSAI & AgentsPro

Usage

› resolving tokens› reading DESIGN.md› 129 components› building screen✓ done

Meant for

Log StreamRun Timeline

Examples

On a Log Stream

Lines arriving in order and drifting up as they age. Half a second apart reads as work being done; any faster and it reads as a list that was already there. The class goes on the Log Stream's log body ([role=log]); every line carries its --wm-i.

Run log

0:00.4InfoResolving design tokens
0:00.9InfoReading DESIGN.md
0:01.6Info129 components found
0:02.1Warn2 tokens have no dark value
0:02.4InfoScreen built in 2.4 s

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