Infinite Sine Wave Slider
A high-performance, GPU-accelerated carousel that moves cards along a smooth sinusoidal path. Cards oscillate up and down while scrolling continuously from right to left or left to right.
Features:
- Seamless infinite loop
- Customizable wave properties (amplitude, frequency, phase)
- Intersection Observer for performance
- Transform-based animations (60fps)
- Respects prefers-reduced-motion (static sine wave layout)
- Mobile mode support (disables animation on <768px)
- Robust image loading detection with timeout
- Works with or without images
Sine Wave animation #1
Everything you insert must have an identical height, but you can use any type of element.
A nice Image Box card!
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

A nice Image Box card!
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

A nice Image Box card!
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Sine Wave animation #2
Shift the wave with phaseOffset






Sine Wave animation #3
Change the direction with a negative speed







