All about the 3D this week, with tutorials own making an amazing portfolio, a shoe configurator, 3D paper pirouette and even ray-tracing with Three.js!

❤️ Donovan at CSSAnimation.rocks

Build a Mindblowing 3D Portfolio Website — www.youtube.com

A great tutorial on how we can use Three.js to build an amazing 3D website

3D model configurator with React Three Fiber and gltfjsx — www.youtube.com

A very cool coding tutorial on how to make a configurable 3D shoe!

➰📃 Paper Pirouette — www.youtube.com

A CSS-only 3D tutorial from the @keyframers

three-gpu-pathtracer

Ray tracing utility for Three.js! Lots of great demos

While you're here, don't forget you can buy me a coffee ☕️

Inspiration

Checkbox Animations With Indeterminate State

An excellent example of animated checkboxes

Flipping Squares

A fun twist on the old 3D CSS cube idea

Expanding flex cards

A nice alternative to a carousel for multiple photos

You can support this newsletter

Did you know you can help me keep this newsletter ad-free? Yes! All you need to do is buy me a coffee!