Building the 3D header was really fun and we were genuinely impressed by the power of three.js. Hopefully this post will help people making similar things.

enter image description here

Well it's quite easy to create a similar effect with three.js and particles. And as particles are the simplest 3D objects ...

If you look closely, some particles blend together well (no overlapping black edges) though some do not. Could it be because there are so many overlapping ...

Black Background ThreeJs