Skip to content

component

SpatialWave

By Framer-Expert

Details

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.

Introduction

Image carousel

Rank history

Daily rank per list, from the first snapshot — lower is better.

125015001750184898/148/228/309/79/15
  • All · #6075