Interactive Badge Animation in Rive (Data Binding)

This piece is a cloud-themed security badge built entirely in Rive. The goal was to demonstrate clean, runtime-ready motion with Data Binding and vector feather shadows. The text label, text position, and the full color palette are connected to a View Model, so the badge can be updated instantly without re-rendering.

Live updates to Badge Text, Text Position, and colors through Data Binding

Feathered vector shadows for smooth falloff with crisp edges at any scale

A compact state machine driving the loop and timing

Clean export from Rive as a short loop video

Product or feature badges, status indicators, marketing visuals that need instant text or color swaps

Can ship as a Rive file for interactive apps or as a looped video for web and social