Skip to content
60fps/ui

Everything below starts hidden — scroll inside the panel and each group reveals as it enters. The first card also reports its own visibility.

↓ scroll down to reveal
onVisibilityChange Out of view · 0×

This card reports its own visibility

The engine emits a visibility event as the root enters and leaves the panel. Scroll it away and back to watch the counter climb.

fade-left

Directional entrance

Horizontal reveals mirror automatically when the document direction is RTL.

slide-up

99.9%

moves without fading — ideal for metrics

scale-down
settles into place
data-inview-repeat

Replays on every entry

Scroll past this card and back: it re-animates, while the groups above settle after their first reveal.

↑ scroll back up to replay