~/

Skills

Framer Motion

Framer Motion

A brilliant and powerful animation library for React, enabling unparalleled control over visual and interactive elements on screen.

Making rolling your own CSS and JavaScript animations seem barbaric, the apis exposed by Framer are simple and maintainable, with a declarative syntax, providing for cross device best practices whatever your design team thinks up.

Especially useful is its handling of animations on unmounting of React components; where an element is usually stripped from the DOM immediately, Framer allows for exit animations before the unmount occurs.

Similarly useful is being able to pass around motion values to control multiple animations, or consequentially from the results of another.

I am constantly blown away by what is possible with Framer Motion, and the simplicity with which animations can be implemented and combined. In fact, I am using Framer Motion on this site right now to animate page transitions and elements like the skill icon reveals.