30 to 80ms per item feels natural. Longer starts to feel slow.

Each row is a tile, in grid orderDone at 850ms

Last tile finishes at 850 milliseconds.

50ms
Easingease-out
Direction

Natural. Reads as a sequence without waiting.

Delay = position in the list × delay per item.

Stagger visualizer

Shows what per-item delay actually does to a list entrance.

Playground
View source

Install

npx shadcn@latest add https://lab.xevrion.dev/r/stagger-visualizer.json