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!

Well, I can no longer call myself "The Rive Guy"... 🎉 Because now I'm officially part of the @rive.app team! 🧵👇

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!

Added this one to the @rive.app marketplace: rive.app/community/fi...

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.

🤯 the new data binding lists feature on @rive.app makes it possible to create particle emitters!

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?

Experimenting with a googly-eyes interaction thanks to @rive.app's new data binding features!

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

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/...

Old-school 3D glasses + @rive.app data-binding to control "depth" effect. ✨

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 👇

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.

More @rive.app feather fun!

Experimenting with @rive.app feathers. This is 100% vector. 🤯

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.

🪶Apply feathering in different ways on the same shape to create different effects like blur or shadows By @jctoon.bsky.social

A quick experiment with the new @rive.app Feather feature. The combo of feather and blend modes reminded me of Yondu's arrow.

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?...

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!

Rive lets designers build fluid, continuous interfaces with features like Layout, Scrolling, Joysticks, and the State Machine. By @novikoffdesign.bsky.social

The Rive State Machine lets you blend multiple layers of interactions. Here's a radial UI breakdown by @rockletdesign.bsky.social

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.

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.

❤️‍🔥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!

A little X-mas @rive.app experiment.

Merry X-Moose! @rive.app + Webflow+ Slater App. Check it out here: merry-x-moose.webflow.io/https://merr...

Nice one, @notbor.ing! ☃️

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...

Experimenting with @rive.app's scrolling features. Lots of possibilities here!

I can't even believe everything @rive.app shipped in 2024!

Here's a preview of a fun @rive.app feature I'm adding to this Summer Camp lottery form. Urban Ecology Center campers get a "wood cookie" name tag, so when you enter your kids' first name a wood cookie with their name drops down from the top of the screen. 😁

😱😱😱 This looks amazing!

AVAST! 🔤🦈 LETTER SHARK updates: ⚓ The Ship and Hammerhead items are available in the shop 🏃‍ Removed some time between each letter being selected so gameplay can go faster ℹ️ Added a new info screen with a feedback form

Pirate Ship shop item is getting ready to launch in Letter Shark! Animated with @rive.app.

The LETTER SHARK spelling game my son came up with when I offered to make a game for his 6th birthday is live! Almost everything you see is @rive.app and uses the new layout features heavily. Try it at the link in the thread

Preparing to launch a new Webflow page with lots of @rive.app interactions included! The goal is to get people to want to visit the Urban Ecology Center. What do you think? Would you visit?

Checks out.

I’m loving how Duolingo keeps things interesting by switching up their designs and making personalized reports!

After quite a lot of struggling with AI, I finally got the coin counting to happen programmatically (instead of having to key a timeline for each value). Between that and @rive.app's layout functionality making it easy to change orientation, the Letter Shark game is getting close to being done!

Making progress on the Letter Shark game thanks to @rive.app’s layout features! This game can adapt to iPhone, iPad, or web without additional coding needed. This little screen grab is an iOS app running on iPhone.

I decided to try making a list of @rive.app users. Feel free to follow along and suggest additions. It's a start, but I'm sure I missed lots of people! bsky.app/profile/did:...

An incredible update from @rive.app!! Can't wait to use this!

If you find an up-and-coming artist (whatever medium) whose work resonates with you, shoot 'em a note of appreciation. IME they love it, and will often even write you back. 🙏

More work on the Letter Shark @rive.app game. 🔊 Lots of new sounds, more words to eat, and various animation adjustments. I'm liking the progress!