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 Articles 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:

Texture Ripples and Video Zoom Effect with Three.js and GLSL

Tropical Particles Rain Animation with Three.js

Creating 3D Characters in Three.js

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 →