widgets
Slider Utilities
Custom Dots
Live Preview
Custom Dots for Slider

Custom Dots For Slider

Easy way to create and style custom dots for your slider. You can style independently Active and not Active state. Elements are respectively recognized by the attributes:

Name
custom-dot
Value
active
Name
custom-dot
Value
not-active

Just place the custom dots inside your slider and they will be automatically synced with it.

Custom Arrows
Live Preview
Custom Arrows for Slider
LeftRight

Custom Arrows For Slider

Easy way to create and style custom arrows for your slider. You can style independently left and not right arrow. Elements are respectively recognized by the attributes:

Name
custom-arrows
Value
left
Name
custom-arrows
Value
right

Just place the custom dots inside your slider and they will be automatically synced with it. The custom arrows do also support the option "hide arrows at each end"

Progress Autoplay
Live Preview
Progress Autoplay

Progress Autoplay

Progress bar that automatically changes width based on the slider autoplay status. The bar is recognized by the attribute:

Name
progress
Value
autoplay

The widget also allow to enable pause on hover on the slider, just add the following attribute on the slider element if you want to enable it

Name
pause-on-hover
Value
true
Progress Pages
Live Preview
Progress Pages

Progress Pages

Progress bar that automatically changes width based on the slider pages status. The bar is recognized by the attribute:

Name
progress
Value
pages

Add the widget as last element of your slider