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:

Yuri Artiukh

Yuriy is a developer from Kyiv, Ukraine. Leading a small frontend agency riverco.de, also speaking at conferences, and open for freelance projects. Curious about CSS and shaders. Loves to learn every day.

4 Exclusive Demos: Slideshows & Typographic Animations

Image Layer Animations with Clip-Path

How to Code the K72 Marquee Hover Animation

Stay up to date with the latest web design and development news and relevant updates from Codrops.