Learn
Video

Control Rive animation in Webflow using GSAP

View
Video
↗

You will learn to set up a Rive file to make on-scroll animation in Webflow using GSAP scroll trigger. I will show a trick for hosting a .riv file directly in Webflow.

Cloneable: https://webflow.com/made-in-webflow/website/rive-scroll

Tags

Animation
Scroll
Interactions
Extending
Javascript
Motion Design
Motion & Rive

Industries

Creative

Related items

Have feedback or a question related to this item? Drop us some feedback!

Curated: 
7.12.24

Similar items

Items
2805
Layout
Grid View
Row View
Search
Add interactivity to your Webflow sites with Rive
Learn
Video

Add interactivity to your Webflow sites with Rive

1.7.23
Animation, Extending, Embeds, Motion Design, Motion & Rive, Rive, Webflow
Rive to Webflow Workflow
Learn
Video

Rive to Webflow Workflow

1.4.23
Animation, Custom Code, Interactions, Embeds, Motion Design, Motion & Rive, Rive, Webflow
Rive
Tools
App

Rive

1.5.23
No-code, Animation, Interactions, Motion Design, Motion & Rive
How to make numbers count using Webflow interactions
Learn
Video

How to make numbers count using Webflow interactions

3.20.24
Creative, No-code, Number, Count, Animation, Interactions, Custom Code, Javascript, Extending, Webflow, The Lazy God
GSAP Crash Course for Webflow
Learn
Video

GSAP Crash Course for Webflow

12.7.23
Animation, Javascript, Extending, Custom Code, Workflow, Webflow, GSAP, Timothy Ricks
Listen to the Restock Podcast
Preview
↗

Listen to the Restock Podcast

Restock is No-Code Supply Co.’s community podcast spotlighting the people shaping the web and the things they build: sites, products, and the workflows behind them. Each episode is a practical, curiosity-driven look at real work and ideas: standout builds, the tools and techniques powering them, and the takeaways you can reuse. Like NCSC, it’s grounded in curation and craft over hype, featuring guest conversations, and exploring what’s worth saving, learning, and trying next.
View Listen to the Restock Podcast
The New Webflow Interactions by GSAP is here!
Learn
Video

The New Webflow Interactions by GSAP is here!

7.11.25
Creative, No-code, Dev Tools, Interactions, Animation, Cloneable, Webflow, GSAP, Ilja van Eck
Animate a Video With Native Webflow Interactions
Learn
Video

Animate a Video With Native Webflow Interactions

11.28.23
No-code, Video, Interactions, Extending, Variables, Custom Code, Motion & Rive, Webflow, The Lazy God
Color Scroll Interaction With Webflow Variables
Learn
Video

Color Scroll Interaction With Webflow Variables

12.17.23
Variables, Interactions, Custom Code, Extending, Webflow, GSAP, Timothy Ricks
Dark Mode Toggle With Webflow Variables
Learn
Video

Dark Mode Toggle With Webflow Variables

11.28.23
No-code, Variables, Design System, Extending, Custom Code, Javascript, Webflow, GSAP, Timothy Ricks
Get hired with Liftoff
Preview
↗

Get hired with Liftoff

Liftoff combines AI and human insight to help people find the work and teammates that truly fit, through warm intros from people they trust.
View Get hired with Liftoff
Pixelate Images Interaction in Webflow
Learn
Video

Pixelate Images Interaction in Webflow

3.18.23
Javascript, Interactions, Custom Code, Aesthetic, Webflow, GSAP, Timothy Ricks
gfluo Webflow App
Tools
Utility

gfluo Webflow App

4.1.24
No-code, Animation, Text, Interactions, Extending, Javascript, GSAP, Webflow
GSAP
Code
Library

GSAP

4.1.22
Javascript, Animation, Aesthetic
Scroll Based Animations With CSS Only
Learn
Video

Scroll Based Animations With CSS Only

12.28.23
CSS, Scroll, Animation, Interactions, Custom Code
Relocate Element While Scrolling in Webflow
Learn
Video

Relocate Element While Scrolling in Webflow

2.19.23
Custom Code, Javascript, Interactions, Scroll, Timothy Ricks
JavaScript Inside Webflow Components
Learn
Video

JavaScript Inside Webflow Components

8.11.24
No-code, Extending, Component Library, Custom Code, Javascript, Webflow, Timothy Ricks
The Best Method of Scroll Snapping!
Learn
Video

The Best Method of Scroll Snapping!

2.5.23
CSS, Scroll, Interactions, Webflow
Using Matter.js in Webflow
Learn
Video

Using Matter.js in Webflow

8.28.22
Animation, How To, Interactions, Custom Code, Matter.js, Webflow, Timothy Ricks
Creating Lottie Files Using Illustrator & After Effects for Webflow
Learn
Video

Creating Lottie Files Using Illustrator & After Effects for Webflow

8.28.22
Animation, How To, Motion & Rive, Illustration, Webflow, Timothy Ricks
Gsap X Webflow
Inspo
Website

Gsap X Webflow

5.5.25
Creative, No-code, Dev Tools, Component Library, Gallery, Javascript, Animation, Interactions, Cloneable, Webflow, GSAP
Animate Along SVG Path Using GSAP
Learn
Video

Animate Along SVG Path Using GSAP

1.28.23
Animation, SVG, Assets, Webflow, GSAP
GSAP Scrolltrigger for Advanced Scroll Interactions
Learn
Video

GSAP Scrolltrigger for Advanced Scroll Interactions

12.19.22
Custom Code, Javascript, GSAP, Webflow, Timothy Ricks
Webflow
Tools
App

Webflow

9.17.25
Accessibility, Authentication, Automation, CMS, Frontend, Hosting, Interactions, SEO, Web Apps, Ecommerce, Website Builder, Descript, Gumroad, Voiceflow, Refokus, FlutterFlow, Relume, Mapbox, Spline, Flowbase, Lemon Squeezy, Memberstack, Monto, Outseta, Play, Udesly, Whalesync, Discord, Mast, Hype

Bummer, no results

Try a different search/filter combo, or drop us some feedback if there is something missing you would love to see!

Reset filters

Subscribe for updates

Get updates on the latest curated resources and be the first to hear of new features.

Subscribe