The Slider Element is a powerful tool for creating scrolling sections of content on your pages. Each slide is its own container, so you can add and customize elements freely. A common use is building image slideshows to showcase products.

Slides per Page
By default, the Slider displays two slides at a time. To create a carousel effect, you can adjust the number of Slides Per Page. You can also set the space between slides for a cleaner layout. For smaller screens, the Slider can automatically show fewer slides per page to ensure a better viewing experience.

Transitions and Effects
You can choose from multiple transition effects when moving between slides:

• Slide

• Fade

• Cube

• Coverflow

• Flip

• Cards

Navigation and Controls
The Slider supports several navigation options:

• Arrows on the sides of the slider

• Dots beneath the slider to indicate and navigate between slides

• Scrollbar for dragging through slides

• Loop to cycle continuously

• Auto move to progress automatically without interaction

If both arrows and dots are disabled, Auto Move is recommended so slides keep progressing. You can configure how long each slide remains visible and whether auto-progress pauses when users hover over the slider.

Getting Started
Drag a Slider Element onto your page and insert other elements directly into it. Reactive Slider also lets you customize the number of slides, adjust transitions, enable automatic movement, and set time intervals for slide changes.