GitHub
Customize & Get Code

# Vanta.js

### Animated website 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!