3D slider demo
alwaysOnMode
when turn on, clicking on slider
toggles between rotation and pause
on
off
alwaysOnMode duration
5s
10s
15s
perspective
1
2
3
triangle mobile mode
please switch to mobile mode to try this feature.
Switch between 2 and 3 cards to show on mobile mode
2 cards
3 cards
library features

3D slider allows you to create an interactive slider with a unique 3D cylindrical animation effect. The slider dynamically adjusts for different screen sizes and supports configurable navigation, dots, and animations.

- 3D Cylinder Animation : Cards are arranged in a cylindrical shape with smooth rotations..

- Responsive Design : Automatically adapts to different screen sizes with customizable cardsToShow logic.

- Navigation Options : Supports buttons for navigating individual cards or groups, with optional navigation dots.

- alwaysOnMode : use alwaysOnMode to get a new user experience!

read more in readme

library links npm
github