assetsforwordpress
MENU ASSETS

Gradient Background WebGL Animations

These WebGL gradient animations are created using the Vanta JS library, which includes three.js.
To customize the colors and effects, visit this page and paste the code into the Supa Code Block element: https://www.vantajs.com/?effect=fog

Two scripts are loaded from a CDN: three.min.js and vanta.fog.min.js (see the HTML code in the Supa Code Block).
You can also copy these scripts and host them on your own server if you’d like to run the animation locally.

Gradient Background WebGL Animation #1

Gradient background webgl animation showcasing vibrant colors and dynamic visual effects for engaging website designs.

Full section background

This is a basic text element.
TRY THE DEMO HERE

Gradient Background WebGL Animation #2

Full section with gradient overlay

This is a basic text element.
TRY THE DEMO HERE
Smooth gradient background for WebGL animation showcasing vibrant colors and modern design for WordPress websites.

Gradient Background WebGL Animation #3

Gradient background with radial overlay for web design, featuring smooth animation and modern aesthetic. Perfect for creative projects and UI backgrounds.

Radial gradient overlay

This is a basic text element.
TRY THE DEMO HERE

Gradient Background WebGL Animation #4

In small Divs

Gradient
Background
WEBGL
Animation #3

Gradient
Background
WEBGL
Animation #3

Gradient
Background
WEBGL
Animation #3