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.
