It's Monday again, and time for some explosive, bouncy and generally awesome animation inspiration!

♥️

Donovan at CSSAnimation.rocks

Articles

Exploding 3D Objects with Three.js — tympanus.net

A stunning example of exploding 3D natural-looking objects - makes for an impressive intro to a website!

Animated numeric stepper — github.com

A handy little animated number stepper 🔢

Awesome (Animation) Design Tools

A handy list of tools for designers, including lots of ways to create animations on the web or through apps

React Particles WebGL — timellenberger.now.sh

A handy 2D/3D particle library built to work with React!

Featured

CSS Animation 101 - SitePoint Premium — www.sitepoint.com

Learn about CSS transitions and animations. By the end of the book, you’ll have a good understanding of CSS animations as well as the tools to create and experiment with our own.

Now available on a free 7-day trial.

Inspiration

Apple Watch Pure CSS — codepen.io

Lovely Apple Watch animation created in CSS

Rocket animation

To infinity, and beyond!

Send button concept

Interesting idea revealing a submenu / burger menu content with some animations

Circle Created by Squares

Neat bit of pure CSS animation - see a set of cubes transform into a circle ꩜

Hover effect: borders to underline

An interesting effect - hover to see the borders animate into text underlines