---
title: "SpatialWave — Free Framer component · Best of Framer"
description: "Free Framer component · by Francisc Toth · Carousels. Screenshots, details, and remix links on Best of Framer."
canonical: "https://framer.elliotli.dev/component/spatialwave"
---

[Home](/)/[Components](/components)/[Carousels](/components/category/carousels)/SpatialWave

# SpatialWave

Image carousel

[View on Framer](https://framer.com/marketplace/components/spatialwave/?via=elliot-li)

![SpatialWave preview image 1](https://framer.elliotli.dev/og/component/spatialwave/b2bc5272734052f7/1600x1200.jpg)

## 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 →](/terms#rankings)

-   All · #7039

## Details

- **Author**: Francisc Toth
- **Published**: 2026-05-13
- **Updated**: 2026-09-14
- **Added**: 2026-05-12
- **Categories**: Carousels

## More like this

-   [Screen Stage Mockup](/component/screen-stage-mockup) — Aisol Studio · $14 — Your screens in synced devices
-   [Team Reel](/component/team-reel) — Ali Musa · Free — Interactive Team Showcase
-   [Slider](/component/slider) — MAS · Free — A smooth, customizable slider.
-   [Cascade Card Slider](/component/cascade-card-slider) — Tim Yeng · Free — Cards that cascade into view
