Here's an example of a state machine animation prototype I made for an e-learning course on fire safety in hospital buildings. The goal for this course was to make something more engaging than the earlier courses and sometimes giving the user agency in choosing what order to do things in. It takes about a minute to click through.

Here's an example of a state machine that has multiple layered animations that can be played interchangeably (By pressing the buttons in the animation).

Rive-animations are useful even when all you need is a simple non-interactable animation. Here is a logo-animation that can be scaled up to any resolution, has high framerate, and still has a tiny file size.

Here's an example of a seamless hover animation. It will behave differently based on how long you hover, without any seams.

Here's a silly example of a menu with button state animations.

Here's the light/dark mode toggle I made for (the desktop version of) this website.

Here's and example of an animation that interacts with cursor movement (while hovering the animation).