'Which Carousel Library is best for achieving the following effect (react)?
[1]: https://i.stack.imgur.com/AqE6r.png**strong text**
Does anyone know which carousel library is best for achieving this effect, with the previous and next pictures overflowing onto the screen as shown in the linked picture? Bootstrap 5.1 and react-bootstrap seem incapable of this.
Solution 1:[1]
You can do it easily with this library. https://swiperjs.com/
Swiper Demos (Examples) https://swiperjs.com/demos#slides-per-view https://swiperjs.com/demos/110-slides-per-view/core
For the installation on react the documentation is quite good https://swiperjs.com/react
You can configure the number of slides you want to see on your screen... In your case, it's 3 slides per view.
For the rest you just adapt with the CSS to get the view you want.
Sources
This article follows the attribution requirements of Stack Overflow and is licensed under CC BY-SA 3.0.
Source: Stack Overflow
| Solution | Source |
|---|---|
| Solution 1 | Ted D. |