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

A video coding session where you’ll learn how to recreate the lava lamp like gradient from Stripe.

By in Videos on

In this new ALL YOUR HTML coding session you’ll learn how to code the cool lava lamp like gradient with Three.js and shaders.

Original: https://stripe.com/

Minigl version derived: https://whatamesh.vercel.app/

This coding session was streamed live on September 25, 2022.

Check out the live demo.

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

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

Tagged with:

Creating the Effect of Transparent Glass and Plastic in Three.js

Creating 3D Characters in Three.js

Create an Abstract Image Slideshow with OGL, GLSL, and GSAP

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 →