threejs-hero-collection

Drop-in animated hero backgrounds built with Three.js — particles, waves, aurora, terrain and orb scenes, each a single HTML file.

particles.html

A field of ~2,000 drifting points with subtle mouse parallax. Optional O(n²) connection lines, off by default.

Open demo →

waves.html

A wireframe plane displaced by superposed sine waves, colored by crest height. Calm and mathematical.

Open demo →

aurora.html

A fullscreen fragment shader painting aurora curtains with fbm noise. No textures, no assets — just GLSL.

Open demo →

terrain.html

A retro-futurist wireframe terrain scrolling toward the camera, with procedural value-noise heights and a glowing horizon.

Open demo →

orb.html

A physical-material sphere lit by an orbiting point light, wrapped in an additive fresnel glow shell.

Open demo →