Cool Heroes

A collection of interactive hero section experiments.

Pure CSS/JS

Aurora Borealis

Soft gradient blobs with blur, CSS keyframe drift, and mouse-reactive parallax.

Canvas 2D

Dot Matrix Reveal

A grid of tiny dots reveals text via radial wave as you scroll.

Three.js + GLB

Drone Cursor Tracker

A mech drone GLB model that smoothly rotates to follow your cursor.

Three.js

Fluid Simulation

GPU-accelerated Navier-Stokes fluid dynamics with dye advection.

Three.js

Glossy Sphere Tiles

A tiled grid of glossy refractive spheres with environment mapping.

Three.js + GLB

Humanoid Head Tracker

A humanoid robot whose head bone tracks your cursor with procedural idle animations.

Three.js

Infinite Tunnel

A cyberpunk infinite tunnel fly-through with hexagonal wireframe rings and neon glow.

Three.js

Magnetic Particle Field

Ten thousand particles suspended in space, responding to your every move.

Three.js

Morphing Mesh

An organic form that pulses with quiet intelligence, shifting between states of matter.

Three.js

Raymarched Grid

An infinite digital frontier stretching beyond the horizon, built with raymarching.