{"id":"vanta-js","name":"Vanta.js","url":"https://wunderlust.xyz/r/vanta-js","category":"motion","category_label":"Motion & animation","tags":["free","open-source","webgl"],"short":"Animated WebGL backgrounds for websites in a few lines of code","what":"JavaScript library that applies animated 3D backgrounds to a page element, using Three.js or p5.js.","uses":"To bring a section or hero background to life without heavy video or images.","benefits":["Effects such as Waves, customizable, with a randomize option on the site","Responds to mouse and touch","Just include the library and point the effect at an element by selector","Lighter than video or large background images, according to the site"],"caveats":["According to the maker, it runs at about 60 fps on most laptops and desktops","Some WebGL effects slow down on older machines and not all work on mobile; the site recommends one or two effects per page and a fallback background","The site doesn't state the license; check the repository"],"links":{"official":"https://www.vantajs.com","github":"https://github.com/tengbao/vanta"},"image":"https://wunderlust.xyz/media/vanta-js-poster.jpg","video":"https://wunderlust.xyz/media/vanta-js.webm","share_image":"https://wunderlust.xyz/og/r/vanta-js.jpg","similar":["three-js","liquid-glass-js","lenis","gsap","react-bits","motion"],"added_on":"2026-11-05","pt":{"name":"Vanta.js","short":"Fundos animados em WebGL para sites com poucas linhas de código","what":"Biblioteca JavaScript que aplica fundos 3D animados a um elemento da página, usando Three.js ou p5.js.","uses":"Para dar vida ao fundo de uma seção ou hero sem usar vídeo ou imagens pesadas.","benefits":["Efeitos como Waves, personalizáveis e com opção de sorteio no site","Responde a mouse e toque","Basta incluir a biblioteca e apontar o efeito para um elemento pelo seletor","Mais leve que vídeo ou imagens grandes de fundo, segundo o site"],"caveats":["Segundo o fabricante, roda a cerca de 60 fps na maioria dos notebooks e desktops","Alguns efeitos WebGL ficam lentos em máquinas antigas e nem todos funcionam em mobile; o site recomenda um ou dois efeitos por página e um fundo de reserva","O site não informa a licença; consulte o repositório"]},"schema_version":1}