Welcome to another week of amazing animation and inspiration. This week we're creating motion effects and grabbing a free book. Make sure to check out this month's awesome sponsor, Color.ninja!

Articles

Create a Wave Motion Effect on an Image with Three.js — tympanus.net

Learn how to make a wave motion effect on an image with Three.js and simplex noise.

Animation in Design System E-Book — xd.adobe.com

Design systems come in all shapes and sizes, but not all include animation guidelines. Learn how to include motion in your design system with our free e-book from the amazing Val Head

Featured

Color Ninja for Mac — www.color.ninja

Create perfectly matching designs with Color Ninja, the all-new and all-in-one color schemer for Mac. With every color scheme built-in, you’re sure to find the exact colors you need for an aesthetically pleasing design.

Programming Digest — programmingdigest.net

While you're here, check out this other awesome newsletter, Programming Digest. Stay up to date with the latest articles, topics and trends in programming and technology.

Inspiration

CodePen Home CSS drawing: The king and the fly

Amazing work here - a pure HTML/CSS scene complete with multiple animations and masking

Disney+ Hero GSAP Animation

Amazing 3D tumbling on this smooth hero animation

Bongo Cat Codes #2

Retro themed jamming going on with this animated cat

DOOM Eternal Inspired Health Bar

This is wonderfully retro slider. Reminds me of Night rider a bit

Sausage dog CSS only animation

Lovely SVG animation in this animated doggo

Tab Bar Interaction #2

The transitions on this little menu animation are spot on. Would work nicely in a little mobile app

That's all for this week! Remember to check out Color.ninja and please stay inside, stay safe.