Transform your Framer site with stunning 3D animated backgrounds powered by Vanta.js and Three.js.
Choose from Waves, Birds, Fog, Clouds, Net, Cells, Dots, Rings, Globe, and Halo — each with unique visual appeal.
Adjust colors, speed, zoom, and effect-specific parameters
Fine-tune particle density, spacing, and movement
Control mouse, touch, and gyroscope interactions
Add custom content overlays with positioning controls
Perfect For…
Hero sections with immersive backgrounds
Landing pages that demand attention
Portfolio and agency websites
Product launches and special campaigns
Built-in content layer with flexible positioning (top, center, bottom), padding controls, opacity adjustment, and 12 CSS blend modes for creative effects.
Scripts load asynchronously with proper cleanup. Canvas preview shows gradient placeholder for faster editing workflow.
All effects adapt seamlessly to any screen size with automatic mobile optimization.
Configure everything visually through Framer's property panel — no coding knowledge needed.
Rob M
