Loading video...

Video Failed to Load

There was a problem loading this video. This could be due to a temporary network issue or the video might be unavailable.

How to build this timeline scroll interaction using Rive in 3 minutes.

Philip Chung

1,492 subscribers

14,427 views • 1 year ago •via X (Twitter)

Science & Technology Education

Anya Rossi• Live Now

Private livecam show

5 Comments

Pratik - Your Design Partner1 year ago

@rive_app Love this tutorial! Thank you for sharing, have to try it out now :)

PDF GPT2 years ago

This is my favorite AI tool for reviewing reports. Just upload a report, ask for a summary, and get one in seconds. It's like ChatGPT, but built for documents. Try it for free.

Julio Merisio1 year ago

@rive_app Is there a way to keyframe the scroll position?

Philip Chung1 year ago

@rive_app Not yet but coming very soon 😀

Ajinkya1 year ago

@rive_app This is amazing. Will be trying it out.

Related Videos

Portfolio accordion interaction made in Rive using the Layouts feature. Inspired by this post:

Portfolio accordion interaction made in Rive using the Layouts feature. Inspired by this post:

Drawsgood

12,255 views • 1 year ago

How to build a leaderboard in Rive that rearranges players based on score

How to build a leaderboard in Rive that rearranges players based on score

Rive

23,697 views • 2 months ago

Who’s gearing up to build this weekend? 🛠️ Here’s how easy it is to setup your Sequence Wallet in 3 minutes. You heard us. 3. Minutes. 🤯 Here’s how 🧵👇

Who’s gearing up to build this weekend? 🛠️ Here’s how easy it is to setup your Sequence Wallet in 3 minutes. You heard us. 3. Minutes. 🤯 Here’s how 🧵👇

Sequence

18,778 views • 1 year ago

I made a game in react native using reanimated, svgs, and rive This is how:

I made a game in react native using reanimated, svgs, and rive This is how:

Ben Awad

91,449 views • 1 year ago

Using layout, scrolling and trim path features in Rive to build a custom scrollbar imagined by Dru. Since the scroll bar is just a vector, you can create any path shape you want and run it on any of our runtimes.

Using layout, scrolling and trim path features in Rive to build a custom scrollbar imagined by Dru. Since the scroll bar is just a vector, you can create any path shape you want and run it on any of our runtimes.

Philip Chung

14,610 views • 1 year ago

New Rive tutorial is out. Learn how to animate an interactive glowing progress bar in it, so you can use this technique to build something similar in your app. Send me DM or reply in the comments to get Figma + Rive file.

New Rive tutorial is out. Learn how to animate an interactive glowing progress bar in it, so you can use this technique to build something similar in your app. Send me DM or reply in the comments to get Figma + Rive file.

Alex Barashkov

41,785 views • 2 years ago

How to change your timeline in 48H using quantum jumping

How to change your timeline in 48H using quantum jumping

Leaders 𝕏 Junction

39,116 views • 5 months ago

Could this be a whole new paradigm shift in how we build creative websites in 2025? Let's find out 👇 Rive

Could this be a whole new paradigm shift in how we build creative websites in 2025? Let's find out 👇 Rive

Gary Simon

10,726 views • 1 year ago

This guy literally shows how to build a voice assistant in 2 minutes

This guy literally shows how to build a voice assistant in 2 minutes

Aadit Sheth

96,038 views • 1 year ago

How to provision, build, install, and develop Expo apps on a physical  VisionPro, using EAS Build. Can be done in under 10 minutes—no additional straps required.

How to provision, build, install, and develop Expo apps on a physical  VisionPro, using EAS Build. Can be done in under 10 minutes—no additional straps required.

Evan Bacon 🥓

57,307 views • 2 years ago

This guy literally shows how to build an AI app in under 10 minutes

This guy literally shows how to build an AI app in under 10 minutes

Aadit Sheth

49,461 views • 11 months ago

This guy literally shows how to build your own MCP server in 14 minutes

This guy literally shows how to build your own MCP server in 14 minutes

Aadit Sheth

136,083 views • 1 year ago

how to do this tech in 3 minutes

how to do this tech in 3 minutes

Moki Live2d comms are closed

54,039 views • 11 months ago

Build Apps and Automations in Minutes using Al

Build Apps and Automations in Minutes using Al

Mani Kandan

42,267 views • 7 months ago

How to change your timeline in 48H using quantum jumping‼️‼️

How to change your timeline in 48H using quantum jumping‼️‼️

Leaders 𝕏 Junction

70,013 views • 5 months ago

This guy literally shows how to build a game with AI in under 45 minutes

This guy literally shows how to build a game with AI in under 45 minutes

Aadit Sheth

231,888 views • 1 year ago

Created this homepage using Codex (GPT-5.5) and Rive animations! Honestly I’m speechless I made the design in Figma and animations in Rive, then brought it all together Rive

Created this homepage using Codex (GPT-5.5) and Rive animations! Honestly I’m speechless I made the design in Figma and animations in Rive, then brought it all together Rive

Dani Bayanov

30,483 views • 2 months ago

Watch Sam Altman build a custom ChatGPT using private knowledge—and share it publicly in about 3 minutes

Watch Sam Altman build a custom ChatGPT using private knowledge—and share it publicly in about 3 minutes

Dan Shipper 📧

583,906 views • 2 years ago

Here is a tutorial on how to build a Concept + Ad in only a few minutes only using 100% AI Build with Compass by Common Thread Collective , CreativeOS and ChatGPT

Here is a tutorial on how to build a Concept + Ad in only a few minutes only using 100% AI Build with Compass by Common Thread Collective , CreativeOS and ChatGPT

Jacob Posel

49,141 views • 1 year ago