How to Add a Rive Mascot in Webflow With the Native Rive Element

Drop Webflow's native Rive element on your page, upload your .riv and pick the state machine so the mascot starts idling. Use Webflow Interactions to react, like a wave on hover, and add a little custom code for moods driven by your forms, so success plays when the newsletter form is submitted. Need a fallback? Webflow also does Lottie and background video.