Vanta.js: Fog — Hero Effect

Open Source · recipe

Fog — an animated WebGL hero background from Vanta.js (MIT, open source). Rendered and measured live: 61fps on a 1440×900 canvas. Exact config shipped as tokens · npm i vanta three.

Open in Mozaika →

This is a static, crawlable rendering for search & AI engines. The interactive version — filters, live decode console, copy & export — is at https://mozaika.design/inspiration/vanta-js-fog-hero-effect.

Palette

UX patterns

UI elements

Context

• All of Vanta.js

More from Vanta.js

• Hero Effect — Halo — Hero Effect
• Hero Effect — Net — Hero Effect
• Hero Effect — Topology — Hero Effect
• Hero Effect — Waves — Hero Effect