DEMO EXAMPLES
Explore the possibilities with Finsweet Slider
Custom Navigation Buttons
Allows users to create and use personalized navigation controls for slide transitions
Custom Slider Dots
Displays navigation dots indicating the position of each slide in the carousel
Progress Bar Navigation
Shows slide progress as a visual progress bar indicating the current position within the slides
Fraction Pagination
Displays the slide progress as a fraction, showing the current slide number out of the total number of slides
Scroll Bar
Provides a draggable scrollbar for navigating through slides
Draggable
Allows users to navigate slides by dragging them with a mouse or touch
Vertical
Allows slides to transition vertically instead of horizontally
Infinite Loop
Allows slides to loop seamlessly from the end to the beginning for an endless cycling effect
Autoplay
Automatically transition through slides at a set interval without user interaction
Thumbs Gallery
Displays a secondary set of thumbnail slides for navigating the main slides
Controller
Links multiple Swiper instances to synchronize their navigation
Slide Active
Slide Active Class highlights the currently active slide with a specific CSS class
Slide Previous
Slide Previous Class applies a specific CSS class to the slide immediately preceding the active slide
Slide Next
Slide Next Class applies a specific CSS class to the slide immediately following the active slide
Fade Effect
Smoothly transitions slides by fading one out while fading the next one in
Auto Height
Adjusts the container’s height to fit the height of the currently active slide