This week we're learning how animation can help the experience of using our apps and sites, and creating awesome animations in React and Vue! Check out the inspiration too!

♥️ Donovan at CSSAnimation.rocks

(PS My course is approaching 8,000 students! Join in and learn all about CSS animation at this special price)

Articles

The Designer’s Guide to Adding Animation in UX Design

A great exploration of the ways animations can help the UX of our apps and websites

String Vibration Physics Animation with React

Learn how to create realistic physics effects within a React app!

How To Make an Animated Interactive Vue.js Slider

Using Vue.js? Here's how to make an interactive slider with multiple animations

Featured

Animation at Work by Rachel Nabors — abookapart.com

Learn how animation doesn't have to be mere decoration but instead can be an invaluable tool for creating better websites and apps

Inspiration

Circular clock animation

Good use of stroke length on this SVG animation - could make for a nice timer component!

Learn -> Create -> Teach

The path to mastery - animated with some awesome arrows using SVG

Entah

So much character in this little CSS animated face!

Wrecking Ball

Cool example of `shape-outside` in this animated, literary wrecking ball 

The Mouse's Tale

Another cool example of animating shape-outside, this time with a mouse's tail / tale 🐁

Animation in the real world

Locomotive — Montreal Web Agency — locomotive.ca

Lovely bouncy scroll effects on this web agency site