Sign in

Jeff McAvoy | A guy who works at Rive

@jeffamcavoy.bsky.social
305 followers 183 following 119 posts

Rive interactive animation expert & educator. 🎓: riveflow.webflow.io

PostsRepliesMedia
Jeff McAvoy | A guy who works at Rive @jeffamcavoy.bsky.social · 08/08/2026
Data binding keys in @rive.app lets you animate to a value that comes from your view model instead of a fixed number or color. Useful when the value changes at runtime, comes from an external source, or depends on user input. youtu.be/wU5CvDS31tc?...
youtu.be
Data Binding Keys on Timelines
YouTube video by Rive
010
Jeff McAvoy | A guy who works at Rive @jeffamcavoy.bsky.social · 28/05/2026
⌥+⇧+L to insert a child layout in @rive.app. We already had ⇧+L to wrap the selected item in a layout, but this might be my new fav shortcut.
000
Jeff McAvoy | A guy who works at Rive @jeffamcavoy.bsky.social · 06/05/2026
Little @rive.app tip: Hold Shift or CMD to increment numbers by 10 or 0.1
000
Jeff McAvoy | A guy who works at Rive @jeffamcavoy.bsky.social · 06/05/2026
Relative Data Binding in @rive.app makes it easy to swap components at runtime and keep the data flowing as expected. 👇 Learn how 👇 youtu.be/tiXDldn1UpA?...
youtu.be
Relative Data Binding Part 2: Runtime Implementation and Artboard Swapping
A followup to the Intro to Relative Data Binding video, we walk through how to use relative binding at runtime to swap out artboards without rewiring your data. As long as the view model property…
000
Jeff McAvoy | A guy who works at Rive @jeffamcavoy.bsky.social · 17/04/2026
Just published this scripted confetti file to the @rive.app marketplace 🔗 rive.app/marketplace/...
000
Jeff McAvoy | A guy who works at Rive @jeffamcavoy.bsky.social · 17/04/2026
Resize text based on artboard size with the range map converter in @rive.app. Pairs perfectly with the recently added image fit options! Learn how at Rive's YouTube channel.
000
Jeff McAvoy | A guy who works at Rive @jeffamcavoy.bsky.social · 04/04/2026
🦉🔥
000
Jeff McAvoy | A guy who works at Rive @jeffamcavoy.bsky.social · 27/03/2026
This week I put out some scripted audio stuff for @rive.app, including this Scripted Audio Tool on the Rive Marketplace. Check it out and remix to use in your own projects. Art by @/auracalvo.bsky.social 🙌
100
Jeff McAvoy | A guy who works at Rive @jeffamcavoy.bsky.social · 27/03/2026
Learnin’
000
Jeff McAvoy | A guy who works at Rive @jeffamcavoy.bsky.social · 24/03/2026
🔊 Sound ON. Digging in with scripted audio controls in Rive. Got this parametric echo effect synced to visuals.
010
Jeff McAvoy | A guy who works at Rive @jeffamcavoy.bsky.social · 12/03/2026
Experimenting with Voronoi-based interactions with @rive.app scripting. Suuuuper fun!
020
Jeff McAvoy | A guy who works at Rive @jeffamcavoy.bsky.social · 02/03/2026
Ripple effect with a scripted image mesh in @rive.app
010
Jeff McAvoy | A guy who works at Rive @jeffamcavoy.bsky.social · 18/02/2026
Sound ON for this one. 🔊 Experimenting with loading audio level data into @rive.app to create waveforms visualizations with scripting. Using level and velocity to animate a scratching playhead indicator. Then used web runtime and used Web Audio API to play the sounds and handle the scratching audio.
141
Jeff McAvoy | A guy who works at Rive @jeffamcavoy.bsky.social · 29/01/2026
If you’re in the Milwaukee area, come hang out and talk @rive.app!
000
Jeff McAvoy | A guy who works at Rive @jeffamcavoy.bsky.social · 09/01/2026
Can you solve the first Rive puzzle?
011
Reposted by Jeff McAvoy | A guy who works at Rive
Rive @rive.app · 08/01/2026
Learning Rive for the first time? We’ve got a new Get Started tutorial to help you hit the ground running. Watch here👇 youtube.com/watch?v=wnwA...
031
Jeff McAvoy | A guy who works at Rive @jeffamcavoy.bsky.social · 16/07/2025
With a combo of list new list features and some data binding math, you can achieve some pretty incredible things with @rive.app!
010
Jeff McAvoy | A guy who works at Rive @jeffamcavoy.bsky.social · 27/06/2025
Runtime Code can be intimidating, but it's not as hard as it seems. And it unlocks so many incredible integration possibilities!
030
Jeff McAvoy | A guy who works at Rive @jeffamcavoy.bsky.social · 24/06/2025
Well, I can no longer call myself "The Rive Guy"... 🎉 Because now I'm officially part of the @rive.app team! 🧵👇
5110
Jeff McAvoy | A guy who works at Rive @jeffamcavoy.bsky.social · 23/06/2025
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.
130
Jeff McAvoy | A guy who works at Rive @jeffamcavoy.bsky.social · 11/06/2025
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!
2120
Jeff McAvoy | A guy who works at Rive @jeffamcavoy.bsky.social · 06/06/2025
Added this one to the @rive.app marketplace: rive.app/community/fi...
040
Jeff McAvoy | A guy who works at Rive @jeffamcavoy.bsky.social · 24/05/2025
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.
030
Jeff McAvoy | A guy who works at Rive @jeffamcavoy.bsky.social · 24/05/2025
🤯 the new data binding lists feature on @rive.app makes it possible to create particle emitters!
1111
Jeff McAvoy | A guy who works at Rive @jeffamcavoy.bsky.social · 19/05/2025
Another fun data-binding experiment in @rive.app. Not sure what to do with this one yet. What could this bouncy motion be used for?
040
Jeff McAvoy | A guy who works at Rive @jeffamcavoy.bsky.social · 15/05/2025
Experimenting with a googly-eyes interaction thanks to @rive.app's new data binding features!
020
Jeff McAvoy | A guy who works at Rive @jeffamcavoy.bsky.social · 17/04/2025
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
1100
Jeff McAvoy | A guy who works at Rive @jeffamcavoy.bsky.social · 09/04/2025
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/...
github.com
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
191
Jeff McAvoy | A guy who works at Rive @jeffamcavoy.bsky.social · 21/03/2025
Old-school 3D glasses + @rive.app data-binding to control "depth" effect. ✨
041
Jeff McAvoy | A guy who works at Rive @jeffamcavoy.bsky.social · 10/03/2025
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 👇
2120
Jeff McAvoy | A guy who works at Rive @jeffamcavoy.bsky.social · 06/03/2025
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!
0203
Jeff McAvoy | A guy who works at Rive @jeffamcavoy.bsky.social · 20/02/2025
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.
092
Jeff McAvoy | A guy who works at Rive @jeffamcavoy.bsky.social · 16/02/2025
More @rive.app feather fun!
061
Jeff McAvoy | A guy who works at Rive @jeffamcavoy.bsky.social · 15/02/2025
Experimenting with @rive.app feathers. This is 100% vector. 🤯
181
Jeff McAvoy | A guy who works at Rive @jeffamcavoy.bsky.social · 12/02/2025
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.
0131
Reposted by Jeff McAvoy | A guy who works at Rive
Rive @rive.app · 12/02/2025
🪶Apply feathering in different ways on the same shape to create different effects like blur or shadows By @jctoon.bsky.social
0192
Jeff McAvoy | A guy who works at Rive @jeffamcavoy.bsky.social · 12/02/2025
A quick experiment with the new @rive.app Feather feature. The combo of feather and blend modes reminded me of Yondu's arrow.
061
Jeff McAvoy | A guy who works at Rive @jeffamcavoy.bsky.social · 12/02/2025
F🪶E 🪶A 🪶T 🪶H 🪶E 🪶R 🪶!
060
Jeff McAvoy | A guy who works at Rive @jeffamcavoy.bsky.social · 07/02/2025
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
How to update Rive text runs with Webflow's native Rive integration and JS Runtime
YouTube video by Jeff McAvoy
162
Jeff McAvoy | A guy who works at Rive @jeffamcavoy.bsky.social · 07/02/2025
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!
150
Jeff McAvoy | A guy who works at Rive @jeffamcavoy.bsky.social · 04/02/2025
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!
092
Reposted by Jeff McAvoy | A guy who works at Rive
Rive @rive.app · 29/01/2025
Rive lets designers build fluid, continuous interfaces with features like Layout, Scrolling, Joysticks, and the State Machine. By @novikoffdesign.bsky.social
0316
Reposted by Jeff McAvoy | A guy who works at Rive
Rive @rive.app · 22/01/2025
The Rive State Machine lets you blend multiple layers of interactions. Here's a radial UI breakdown by @rockletdesign.bsky.social
0194
Jeff McAvoy | A guy who works at Rive @jeffamcavoy.bsky.social · 07/01/2025
Arduino + @rive.app !! (screen comes into focus as the vid proceeds) Rigged up an Uno R3 with a joystick to control number and trigger inputs in a Rive file. It’s not extremely useful in this demo, but the possibilities are promising.
090
Jeff McAvoy | A guy who works at Rive @jeffamcavoy.bsky.social · 03/01/2025
Did you know you can swap out image assets in a @rive.app at runtime? This file has four placeholder images that are replaced by logo files at runtime. Events trigger the change in the set of logos. The .riv is only 2kb.
2132
Jeff McAvoy | A guy who works at Rive @jeffamcavoy.bsky.social · 29/12/2024
❤️‍🔥I LOVED using @rive.app in 2024! ❤️‍🔥 I had to trim quite a bit to keep this under 1 minute, but here are some of my favorite projects and experiments from this year. And I know 2025 will bring even more incredible possibilities!
292
Jeff McAvoy | A guy who works at Rive @jeffamcavoy.bsky.social · 25/12/2024
A little X-mas @rive.app experiment.
0110
Jeff McAvoy | A guy who works at Rive @jeffamcavoy.bsky.social · 23/12/2024
Merry X-Moose! @rive.app + Webflow+ Slater App. Check it out here: merry-x-moose.webflow.io/https://merr...
1171
Jeff McAvoy | A guy who works at Rive @jeffamcavoy.bsky.social · 21/12/2024
Nice one, @notbor.ing! ☃️
020
Jeff McAvoy | A guy who works at Rive @jeffamcavoy.bsky.social · 19/12/2024
Someone asked me to share this so I published it to the @rive.app community. Try for yourself, dissect, and remix as you like: rive.app/community/fi...
rive.app
Scrollandia Map Viewer
Using a combo of scroll layouts and joysticks, you can set up a zoomable map that the user can pan around or use a mini-map to navigater.
2100