Skip to content
All effectsAI & Agents

Fly-in List

Rows fade in as they enter the scroller and out as they leave. Both ends from one view() timeline.

Modern CSSAI & AgentsPro

Usage

Meant for

Log StreamChat List ViewActivity Item

Examples

On a Log Stream

Scroll the log. Rows fade in as they enter the scroller and out as they leave — both ends from one view() timeline, so there is no observer and no state. The class goes on the Log Stream's scrolling body ([role=log]). Chrome 115+ and Safari 26+; elsewhere every row simply stays visible.

Agent run

19:02:11InfoRun queued
19:02:13InfoFetching sources
19:02:15Info214 tokens parsed
19:02:17InfoDiff computed
19:02:19InfoPatch written
19:02:21InfoTests passed
19:02:23InfoPreview deployed
19:02:25InfoRun finished

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