Skip to content

SpatialWave

Image carousel

SpatialWave preview image 1

Summary

Image carousel

Description

A WebGL image carousel that bends through space.

Scroll, drag, or let it ride — slides curve along a sine wave with adjustable depth, tilt, and frequency. Hover any card and color flicks back into desaturated shots with a ripple.

Built for hero sections, portfolio reels, and editorial galleries where a flat grid won't carry the brand.

Includes:

  • Color, grayscale, and duotone modes with custom shadow/highlight

  • Grain, scanlines, chromatic aberration, pixelation, vignette

  • Wave intensity, frequency, depth curve, tilt, gap, card size

  • Scroll, drag, and wheel input

  • Transparent, color, or image background

Built right:

  • Self-contained, no runtime CDN calls

  • Static fallback for canvas, thumbnail, and export

  • IntersectionObserver pauses the render loop offscreen

  • Three.js via npm, bundled at build time

Drop in your slides and ship.

Rank history How rankings work →

125015001750184898/149/49/2610/1811/9
  • All · #7039

Details

More like this