Loads of cool stuff happening this week - from cutely animated characters, animating CSS grid to animating URLs along with a load of inspiration. Till next time!

❤️

Donovan at CSSAnimation.rocks

Articles

React Kawaii

Cute animate-able React components!

Animating CSS Grid — css-irl.info

A nice example of animating CSS grid (in real life)

Animating URLs with Javascript and Emojis

A charmingly silly and fun idea - animating URLs using Emojis

Building Animations in React From Scratch

A thorough walkthrough on ways to create UI animations in React

Featured

Level Up your CSS animation skills — courses.cssanimation.rocks

Did you know you can get this course from just $9 per month? Learn how to bring a website to life, animations, transitions, scroll effects, carousels and more in video tutorials.

Inspiration

Rotate To Win — codepen.io

Nice little game where you need to rotate the city block to make the pink block line up

Marauder's Map — codepen.io

Say "I solemnly swear that I'm up to no good" to open this gorgeous CSS-animated marauder's map

Volume Controlled Variable Fonts!!!! — codepen.io

Best excuse ever to shout at your laptop. This is another animation related microphone-controlled demo! Like busses they are

Bob Ross Doing the Floss, Like a Boss (Pure CSS) — codepen.io

Loving this dancing Bob Ross in pure CSS!

CSS only morphing blob — codepen.io

Organic-looking morphing blob!

Overlay menu — codepen.io

Amazing looking overlay menu animation - this comes with both a dark and light theme

CSS: Caterpillar — codepen.io

A cute little robot with caterpillar tracks

Cubes V — codepen.io

Lovely visuals in this simple 3D-rotating cube loader