Motion is a great way to bring life to design and illustration. Although I've delved in most motion practices, lately I have fallen in love with interactive/vector animation. Here are some of the motion design work I've done over the last years.
Rive-animations are a fantastic way to add motion to web and mobile applications. Not only are they high fidelity and framerate, but they're also incredibly compact with low impact on performance. Here are a few different use cases where I've utilized Rive.
Here's an example of a simple state machine with a linear animation.
File size: 26kb
Here's an example of a seamless hover animation. It will behave differently based on how long you hover, without any seams.
File size: 8kb
Here's a silly example of a menu with animation on the active button.
File size: 27kb
Here's the light/dark mode toggle I made for this website.
File size: 5kb
Here's and example of an animation that interacts with cursor movement.
File size: 14kb
Here's and example of an animation that interacts with cursor movement.
File size: 14kb
Rive-animations are a fantastic way to add motion to web and mobile applications. Not only are they high fidelity and g
Rive-animations are a fantastic way to add motion to web and mobile applications. Not only are they high fidelity and g