Skip to content
All effectsOverlays

Pull to Refresh

The list overshoots, then settles back.

Pure CSSOverlaysPro

Usage

Meant for

Pull to RefreshList ViewScroll Area

Examples

On a Pull to Refresh

The list gives, overshoots back, and settles while the spinner turns twice. The give at 40% is the whole gesture — without it the list snaps back and the pull never happened. The class goes inside the real PullToRefresh, which still answers a drag.

Running: Index design tokens6.3s
Done: Deploy checkout-v342.1s
Done: Sync Figma variables3.8s
Failed: Send weekly report1.2s

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