This week we create some intriguing shape animations with Three.JS, and explore some awesome and handy animation inspiration!

❤️ Donovan at CSSAnimation.rocks

Replicating the Interweave Shape Animation with Three.js — tympanus.net

A coding tutorial on how to reconstruct the shape animation from the website of INTERWEAVE using Three.js.

Inspiration

Toggle 3D

A very creative check box 3D demo

Styled and animated checkboxes and radio buttons CSS Only

A simple but useful animated custom checkbox and radio button

r3f-fairly-realistic-grass — codesandbox.io

More than fairly realistic imo!

Physics

A collection of inspiring physics Codepen demos

CSS Sphere

A very cool rotating neon sphere created using border radius

Pure CSS Mario 64 - 3D - No JavaScript!

It's Mario!

Animation in the real world

We build fun products that bring people together

Loads of amazing 3D examples and smooth interactions make this site stand out