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.
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.
