A deep dive into the inner workings of spring animations in Framer Motion.
How Figma put the bounce in spring animations | Figma Blog
The physics behind spring animations
Real-time Motion Retargeting to Highly Varied User-Created Morphologies - Chris Hecker's Website
Chris Hecker[1] Bernd Raabe[2] Ryan W. Enslow[3]John DeWeese[4] Jordan Maynard[5] Kees van Prooijen[6]
Whimsical Animations
Learn how to create charming interactions and delightful touches using the magic of CSS, JavaScript, SVG, and Canvas. I’m sharing all my tricks in this one!
Svelte-Motion
An animation library for Svelte apps based on Framer Motion.
animations.dev
Learn the theory and practice behind great animations with this interactive learning experience.
Easing Functions Cheat Sheet
Easing functions specify the speed of animation to make the movement more natural. Real objects don’t just move at a constant speed, and do not start and stop in an instant. This page helps you choose the right easing function.
How I animate 3Blue1Brown | A Manim demo with Ben Sparks
101 Things I Learned in Engineering School
In this unique primer, an experienced civil engineer and instructor presents the physics and fundamentals that underlie the many fields of engineering. Far from a dry, nuts-and-bolts exposition, however, 101 THINGS I LEARNED® IN ENGINEERING SCHOOL probes real-world examples to show how the engine...
