Jeff McAvoy | A guy who works at Rive
@jeffamcavoy.bsky.social
Rive interactive animation expert & educator. 🎓: http://riveflow.webflow.io
With a combo of list new list features and some data binding math, you can achieve some pretty incredible things with @rive.app!
Data Binding Lists: How to arrange list items onto a custom path with @jeffamcavoy.bsky.social from Rive.
Today, you need to align list items in the instanced artboard, but we have plans to make Lists work directly with Follow Path. We'd love to know about your use cases!
Today, you need to align list items in the instanced artboard, but we have plans to make Lists work directly with Follow Path. We'd love to know about your use cases!
Data Binding Lists: How to arrange list items onto a custom path
YouTube video by Rive
www.youtube.com
July 16, 2025 at 10:45 PM
With a combo of list new list features and some data binding math, you can achieve some pretty incredible things with @rive.app!
Runtime Code can be intimidating, but it's not as hard as it seems. And it unlocks so many incredible integration possibilities!
How to control Rive files at runtime with Ross Plaskow 🧑💻
www.youtube.com/watch?v=IvkN...
www.youtube.com/watch?v=IvkN...
How to Control Rive Files in CODE
YouTube video by Rive
www.youtube.com
June 27, 2025 at 4:46 PM
Runtime Code can be intimidating, but it's not as hard as it seems. And it unlocks so many incredible integration possibilities!
As one of my last projects for the Urban Ecology Center, I got to create a real-time updating fundraising thermometer for use at their annual gala event. With data-binding in @rive.app I was able to add interpolation to both the bar height and the numbers being counted.
June 23, 2025 at 3:00 PM
As one of my last projects for the Urban Ecology Center, I got to create a real-time updating fundraising thermometer for use at their annual gala event. With data-binding in @rive.app I was able to add interpolation to both the bar height and the numbers being counted.
After 15+ years, I am moving on from my VP, Marketing position at the Urban Ecology Center. (New role announcement coming soon!)
To share my appreciation for my colleagues, I created this Fox-themed personality quiz with Webflow and @rive.app. 5 quick answers to get a fox name & type!
To share my appreciation for my colleagues, I created this Fox-themed personality quiz with Webflow and @rive.app. 5 quick answers to get a fox name & type!
June 11, 2025 at 9:21 PM
After 15+ years, I am moving on from my VP, Marketing position at the Urban Ecology Center. (New role announcement coming soon!)
To share my appreciation for my colleagues, I created this Fox-themed personality quiz with Webflow and @rive.app. 5 quick answers to get a fox name & type!
To share my appreciation for my colleagues, I created this Fox-themed personality quiz with Webflow and @rive.app. 5 quick answers to get a fox name & type!
June 6, 2025 at 1:46 PM
More amazingness made possible with @rive.app's data-binding features. Added some control sliders to the min and max X and Y for the particle emitter.
May 24, 2025 at 2:57 PM
More amazingness made possible with @rive.app's data-binding features. Added some control sliders to the min and max X and Y for the particle emitter.
Bringing several of my interests together with this one: 3D printing + @rive.app + @raspberrypi.com + @nocodebackend.bsky.social
This is v2 of a “get ready for the day” display that shows the date, weather*, school lunch, special class* and field trip* info.
* - just placeholders for now
This is v2 of a “get ready for the day” display that shows the date, weather*, school lunch, special class* and field trip* info.
* - just placeholders for now
April 17, 2025 at 10:33 PM
Bringing several of my interests together with this one: 3D printing + @rive.app + @raspberrypi.com + @nocodebackend.bsky.social
This is v2 of a “get ready for the day” display that shows the date, weather*, school lunch, special class* and field trip* info.
* - just placeholders for now
This is v2 of a “get ready for the day” display that shows the date, weather*, school lunch, special class* and field trip* info.
* - just placeholders for now
I'm still figuring out GitHub, but I believe it is a place to share code, right?
So, I started up a new "Rive on Webflow" repo to share code to level up @rive.app integrations on Webflow sites. It has one file right now, more to come!
github.com/jeffamcavoy/...
So, I started up a new "Rive on Webflow" repo to share code to level up @rive.app integrations on Webflow sites. It has one file right now, more to come!
github.com/jeffamcavoy/...
GitHub - jeffamcavoy/rive-on-webflow: Code and info for enhancing Rive integrations with Webflow sites
Code and info for enhancing Rive integrations with Webflow sites - jeffamcavoy/rive-on-webflow
github.com
April 9, 2025 at 9:34 PM
I'm still figuring out GitHub, but I believe it is a place to share code, right?
So, I started up a new "Rive on Webflow" repo to share code to level up @rive.app integrations on Webflow sites. It has one file right now, more to come!
github.com/jeffamcavoy/...
So, I started up a new "Rive on Webflow" repo to share code to level up @rive.app integrations on Webflow sites. It has one file right now, more to come!
github.com/jeffamcavoy/...
A @rive.app on one device controlling a Rive animation on another! This set up uses @raspberrypi.com, node.js, and websockets. I love how immediate the response is!
More info below 👇
More info below 👇
March 10, 2025 at 11:30 PM
A @rive.app on one device controlling a Rive animation on another! This set up uses @raspberrypi.com, node.js, and websockets. I love how immediate the response is!
More info below 👇
More info below 👇
This @rive.app animation is controlling an LED connected to a @raspberrypi.com Zero W 2. It’s a first test in controlling real world devices with Rive interactions!
March 6, 2025 at 9:01 PM
This @rive.app animation is controlling an LED connected to a @raspberrypi.com Zero W 2. It’s a first test in controlling real world devices with Rive interactions!
Lots of people try to understand @rive_app by comparing it to Lottie. Makes sense, Lottie is a familiar format. But, Rive is built to do so much more! Interactivity, dynamic content updating, responsive layouts, and insanely small and performant files to name just a few.
Why do teams switch from Lottie to Rive? Because they’re done with broken pipelines and need more than a linear format. Rive is faster, smaller, and ready for the interactive era. We’re on a mission to make hard-coded graphics history for all software and Ul — animation is just a part of the puzzle.
Rive vs Lottie
The evolution of design tools: From Lottie’s linear animations to Rive’s state-driven graphics.
rive.app
February 20, 2025 at 9:32 PM
Lots of people try to understand @rive_app by comparing it to Lottie. Makes sense, Lottie is a familiar format. But, Rive is built to do so much more! Interactivity, dynamic content updating, responsive layouts, and insanely small and performant files to name just a few.
One interesting thing you can do with the new @rive.app feather features is that your additional fills can have offsets even if they're not feathered. So you can essentially create duplicates of your shapes. It turns out there is a decent file-size saving too.
February 12, 2025 at 7:02 PM
One interesting thing you can do with the new @rive.app feather features is that your additional fills can have offsets even if they're not feathered. So you can essentially create duplicates of your shapes. It turns out there is a decent file-size saving too.
Reposted by Jeff McAvoy | A guy who works at Rive
🪶Apply feathering in different ways on the same shape to create different effects like blur or shadows
By @jctoon.bsky.social
By @jctoon.bsky.social
February 12, 2025 at 5:58 PM
🪶Apply feathering in different ways on the same shape to create different effects like blur or shadows
By @jctoon.bsky.social
By @jctoon.bsky.social
F🪶E 🪶A 🪶T 🪶H 🪶E 🪶R 🪶!
Introducing Vector Feathering — a new way to create vector glow and shadow effects. Vector Feathering is a technique we invented at Rive that can soften the edge of vector paths without the typical performance impact of traditional blur effects. (Audio on 🔊)
Feathering Announcement
YouTube video by Rive
www.youtube.com
February 12, 2025 at 12:19 AM
F🪶E 🪶A 🪶T 🪶H 🪶E 🪶R 🪶!
Here it is! It's not polished, but it should tell you how to update your @rive.app text runs at runtime using Webflow's native Rive integration, how to make a component with properties to update the text and URLs for each instance, and the JS code that makes it all work.
youtu.be/A_973OVX2Pc?...
youtu.be/A_973OVX2Pc?...
February 7, 2025 at 5:33 PM
Here it is! It's not polished, but it should tell you how to update your @rive.app text runs at runtime using Webflow's native Rive integration, how to make a component with properties to update the text and URLs for each instance, and the JS code that makes it all work.
youtu.be/A_973OVX2Pc?...
youtu.be/A_973OVX2Pc?...
I just (finally!) recorded a video walkthrough of how to update text runs in a @rive.app file using the new Webflow integration and the JS runtime code. It's "rough", but at this point I think done is better than not done. 😁 Stay tuned, I'll post today!
February 7, 2025 at 5:14 PM
I just (finally!) recorded a video walkthrough of how to update text runs in a @rive.app file using the new Webflow integration and the JS runtime code. It's "rough", but at this point I think done is better than not done. 😁 Stay tuned, I'll post today!
Sure, a bulleted text list would get this information across... but it's way more fun (and memorable) to use @rive.app and @gsap-greensock.bsky.social to make it interactive!
February 4, 2025 at 9:57 PM
Sure, a bulleted text list would get this information across... but it's way more fun (and memorable) to use @rive.app and @gsap-greensock.bsky.social to make it interactive!