Loading video...

Video Failed to Load

Go Home

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.

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

6 Comments

dru's profile picture
dru1 year ago

@rive_app This is amazing, Philip! I definitely need to check out the Rive app.

Yash Arora's profile picture
Yash Arora1 year ago

@rive_app @drudiedo V cool ,Philip🤜

Kai | herostuff.com's profile picture
Kai | herostuff.com1 year ago

@rive_app @drudiedo Can you make items snap to the center?

Philip Chung's profile picture
Philip Chung1 year ago

@rive_app @drudiedo Yes scroll constraints have the option to snap to items.

Kai | herostuff.com's profile picture
Kai | herostuff.com1 year ago

@rive_app @drudiedo How would you add a scroll/swipe here?

Philip Chung's profile picture
Philip Chung1 year ago

@rive_app @drudiedo Since you want the focused item to grow, the best way might be to combine scrolling + joysticks and create a timeline where your 3 buttons animate in and out of the focused position. I’ll try to post a short tutorial on how to combine scrolling and joysticks in the near future.

Related Videos