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:

Coding an Infinite Slider using Texture Recursion with Three.js

Conway’s Game Of Life – Cellular Automata and Renderbuffers in Three.js

Animating Tiny Triangles with 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 →