Animated 3D Ribbons with Three.js

Deconstructing the ribbon animation seen on iad-lab with geometrical tricks.

By in Articles on

In this ALL YOUR HTML stream and coding session we will recreate the interesting looking 3D ribbon effect seen on the website of iad-lab and made by mutoco.ch. We’ll apply some geometrical tricks and use the Three.js API.

This coding session was streamed live on November 28, 2021.

Support: https://www.patreon.com/allyourhtml

Setup: https://gist.github.com/akella/a19954…

Tagged with:

How to Recreate Stripe’s Lava Lamp Gradient with Three.js

Volumetric Light Rays with Three.js

Case Study: Windland — An Immersive Three.js Experience

Stay up to date with the latest web design and development news and relevant updates from Codrops.

From our sponsor
Divi
Create websites rapidly
With the Divi Layout Packs you'll get more than 800 world-class designs ready to be used for your client projects. Try it for free →