Animation

The physics behind spring animations - This article aims to explain how a spring animation in a library like Framer Motion works. - Maxime Heckel / filed under Animation

Animated sparkles in React - The sparkles indicate that something is new and shiny, or something that has captured my affection. - Joshua Comeau / filed under Animation, React.js

Easings: Generate cubic bezier easing curves - Test common easing curves on a range of interfaces. Or generate your own custom bezier curve. - Paul Macgregor / filed under Animation

A beginner’s guide to Lottie - Welcome! By the end of this course, you’ll have successfully created your first Lottie animation and gotten a… - Salih Abdul Karim / filed under Animation

Executing UX animations: Duration and motion characteristics - Define a trigger, transformations, duration, and easing of the animation, and be mindful of accessibility issues and annoying… - Page Laubheimer / filed under Animation, UX Design

The role of animation and motion in UX - Animation in UX must be unobtrusive, brief, and subtle. Use it for feedback, state-change and navigation metaphors, and… - Page Laubheimer / filed under Animation, UX Design