Smooth, infinite 3D carousel where each image drives a reactive, canvas-based background gradient that adapts to its colors.
- 🎠 Infinite 3D carousel
- 🖱️ Drag & wheel navigation
- 🌈 Reactive gradients
- 🪟 Responsive layout
- 🎞️ GPU-friendly animations
Open index.html directly in your browser or serve the folder with any static server
Put your images inside img/
In script.js, update the images list:
const IMAGES = [
'./img/your-image-01.webp',
'./img/your-image-02.webp',
// ...
];
Most of the behavior can be tuned via constants at the top of script.js
created by Clément Grellier