GitHub Customize & Get Code 119.6 fps Vanta.js Animated website backgrounds in a few lines of code. 1. Customize highlightColor midtoneColor lowlightColor baseColor blurFactor zoom speed 2. Grab the code Change #your-element-selector to your element and include files from CDN Or view instructions for Strikingly.com <script src="three.r134.min.js"></script> <script src="vanta.fog.min.js"></script> <script> VANTA.FOG({ el: "#your-element-selector", mouseControls: true, touchControls: true, gyroControls: false, minHeight: 200.00, minWidth: 200.00 }) </script> More Effects Birds Fog Waves Clouds Clouds2 Globe Net Cells Trunk Topology Dots Rings Halo Why? Can interact with mouse / touch Customize colors & style to match your brand No pixelation – Canvas runs at full resolution Smaller filesize than background videos and large background images – three.js is ~120kb minified and gzipped Runs fast (60fps) on most laptops/desktops What's the catch? Some WebGL effects are slow on older computers. Don't use more than one or two in a single page! Not all effects work on mobile devices. Set a background image or color as a fallback. Vanta.js is brought to you by the folks from Strikingly.com. Don't have a website yet? Start with Strikingly!