Skip to content
All effectsOverlays

Pull to Refresh

The list gives under the pull, holds while it refreshes, and springs back in one segment.

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. Drag the list down yourself and the simulation steps aside, so the component's own pull and spinner are the only ones moving — the two together would fight over the list.

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.