Use Cases

Pull-to-refresh

Learn how to build a pull-to-refresh interaction with Rive.

Tutorials

Rive allows you to build rich, interactive experiences, like this pull-to-refresh animation. We'll show you how to make this interactive animation in the Rive Editor, then deploy it to iOS and Android using our open-source Rive Runtimes. We'll cover several state machine and animation features.

1. Intro

A quick overview of the pull-to-refresh animation we'll be building in these videos.

1. Intro

A quick overview of the pull-to-refresh animation we'll be building in these videos.

1. Intro

A quick overview of the pull-to-refresh animation we'll be building in these videos.

2. Animations

Take a look at the animations used to create the pull-to-refresh interaction.

2. Animations

Take a look at the animations used to create the pull-to-refresh interaction.

2. Animations

Take a look at the animations used to create the pull-to-refresh interaction.

3. State Machine

Create the state machine and inputs needed to drive the pull-to-refresh interaction.

3. State Machine

Create the state machine and inputs needed to drive the pull-to-refresh interaction.

3. State Machine

Create the state machine and inputs needed to drive the pull-to-refresh interaction.

4. Flutter

How to implement the pull-to-refresh animation using Rive's Flutter runtime.

4. Flutter

How to implement the pull-to-refresh animation using Rive's Flutter runtime.

4. Flutter

How to implement the pull-to-refresh animation using Rive's Flutter runtime.

5. SwiftUI

How to implement the pull-to-refresh animation using Rive's iOS runtime.

5. SwiftUI

How to implement the pull-to-refresh animation using Rive's iOS runtime.

5. SwiftUI

How to implement the pull-to-refresh animation using Rive's iOS runtime.

6. Jetpack Compose

How to implement the pull-to-refresh animation using Rive's Android runtime.

6. Jetpack Compose

How to implement the pull-to-refresh animation using Rive's Android runtime.

6. Jetpack Compose

How to implement the pull-to-refresh animation using Rive's Android runtime.

Community examples

Get inspiration from Rive Community. Open these files in the Rive Editor to see how they work, or remix them into your own creation.

Bubbles Refresh

Bubbles Refresh

Bubbles Refresh

Halloween Refresh

Halloween Refresh

Halloween Refresh

Landscape Refresh

Landscape Refresh

Landscape Refresh

Start building
production-ready graphics

Get Started

Start building
production-ready graphics

Get Started

Start building
production-ready graphics

Get Started

Join our newsletter

Get all the latest Rive news delivered to your inbox.