PASSION PROJECT
LEAD DESIGNER
LAUNCHED
From loading indicators to emoji reactions, this collection includes everything a designer needs to add some delightful animations to any user experience.
With design tools and other technologies making it easier and easier to add more elaborate interactions to the products I designed, I decided to explore animation, and created a toolkit of micro-interaction animations that are all compatible with the Lottie library from Airbnb. All of these animations, and many more can be downloaded and freely used as you’d like at my page on the LottieFiles website.
A couple variations on checkbox interactions. One that has a filled box when selected, and the other, with a bold outline when selected.
An animated toggle, with on and off indicators visible in each state, respectively.
An icon transition from the Bluetooth symbol to an icon to represent the audio device that connected.
Button animation switching from the back-facing camera, to a front-facing selfie camera.
A simple lock and unlock animation. Think — locking a layer in a design file, for example.
An interactive buy button, with animation for biometric authentication of the purchase.