Animated 3D Ribbons with Three.js

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

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 We’ll apply some geometrical tricks and use the Three.js API.

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



Tagged with:

Stay in the loop: Get your dose of frontend twice a week

👾 Hey! Looking for the latest in frontend? Twice a week, we'll deliver the freshest frontend news, website inspo, cool code demos, videos and UI animations right to your inbox.

Zero fluff, all quality, to make your Mondays and Thursdays more creative!