Vanta.js: Waves — Hero Effect

Open Source · recipe

Waves — an animated WebGL hero background from Vanta.js (MIT, open source). Rendered and measured live: 50fps 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-waves-hero-effect.

Palette

UX patterns

UI elements

Context

• All of Vanta.js

More from Vanta.js

• Hero Effect — Fog — Hero Effect
• Hero Effect — Halo — Hero Effect
• Hero Effect — Net — Hero Effect
• Hero Effect — Topology — Hero Effect