GitHub
Customize & Get Code
Vanta.js
Plug & play animated backgrounds in a few lines of code.
Randomize!
1. Customize
2. Grab the code
Change
#your-element-selector
to your element and download files from
GitHub
<script src="
three.r92.min.js
"></script>
<script src="
p5.min.js
"></script>
{{INCLUDE}} <script src="
vanta.{{EFFECTNAME}}.min.js
"></script> <script> {{CODE}} </script>
More Effects
Waves
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!