SpatialWave — image carousel that bends through space by Francisc (Frankie) TothSpatialWave — image carousel that bends through space | Contra

A WebGL image carousel that bends through space.

About this Component

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.
Get it for$14.00
Tags
Framer
Framer Designer
Framer Developer
Product created by
2
Paid projects
5.00
Rating
86
Followers
Francisc (Frankie)'s other products
fully customisable calendar component built for Framer
$5.00
Drawer Pop up Framer component
$11.00
Get it for$14.00
Tags
Framer
Framer Designer
Framer Developer

A WebGL image carousel that bends through space.

About this Component

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.
Francisc (Frankie)'s other products
fully customisable calendar component built for Framer
$5.00
Drawer Pop up Framer component
$11.00
$14.00
Buy