Feedback & OverlaysFree

Pull to Refresh

Drag down from the top of any content past a threshold to trigger an async refresh, with a rotating spinner and a rubber-band release.

Usage

$58,834.75

+1,204.60 · 2.1% today

Drag down to refresh

bash

npm install @wunderui/react

Then import what you need:

tsx

import { PullToRefresh } from "@wunderui/react"

The list at rest — drag it down to refresh.

Weekly report ready2 min ago

New comment on Q3 plan14 min ago

Invoice #1042 paid1 h ago

Deploy finished3 h ago

An arrow appears above the list while you pull.

Weekly report ready2 min ago

New comment on Q3 plan14 min ago

Invoice #1042 paid1 h ago

Deploy finished3 h ago

A spinner while the new items load.

Weekly report ready2 min ago

New comment on Q3 plan14 min ago

Invoice #1042 paid1 h ago

Deploy finished3 h ago

How the component is used inside real screens — the same compositions as the Usage section of the Figma page.

Drag the list down to load new items.

Inbox

Invoice #4021 paid

New member joined

Weekly report ready

Drag the list down to refresh