This week we try out Animista, explore some cool 3D engine stuff as well as learn how the DOM renders!

♥️ Donovan at CSSAnimation.rocks

How to easily add CSS animations to your projects — gomakethings.com

A handy guide to using the amazing Animista to generate animations for your website

3Dengine: A JavaScript WebGL 3D engine. From scratch. — github.com

This is amazing. An explorable little 3D world demo made using JS and WebGL! Performs really well.

dom events — domevents.dev

This is a nicely animated tool that lets you learn how the DOM Event system works

Inspiration

Newtown's CSS cradle

Stunning pure HTML/CSS 3D animation

SVG animated dog emoji

The cute dog emoji recreated in SVG and animated! 🐶

Responsive React Dashboard with Tailwind

Nicely animated elements bring this gorgeous dashboard concept together

Animated Pill Radios

A nice React-based implementation of some animated pill buttons

A Message from a cat

A thoughtful cat sending a message