Documentation
v.1.6.1
GETTING STARTED
DYNAMIC ISLAND
Premium element
ShowCase
FlexiCarousel
FlexiCarousel is a dynamic scrolling carousel designed to display multiple elements in a continuous loop. It supports both vertical and horizontal scrolling and offers customization options such as speed, direction, and hover-based pausing.
Preview
Open preview“Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam”
“Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam”
“Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam”
Quick Setup
data-multi-carousel
Required
Applied to the main container element to enable the carousel effect.
data-carousel-item
Required
Applied to each individual item within the carousel.
Advanced configuration
data-carousel-speed
Optional
Defines the speed of the carousel animation. A higher value makes the carousel move faster.
Default: 0.5
data-carousel-orientation
Optional
Defines the orientation of the carousel, either vertical or horizontal.
Default: vertical
data-carousel-direction
Optional
Sets the direction of the carousel movement. Possible values: up, down, left, right.
Default: down
data-pause-on-hover
Optional
Determines whether the carousel pauses when the user hovers over it.
Default: true
data-blur-intensity
Optional
Adjusts the intensity of the blurred edges at the top/bottom (vertical) or left/right (horizontal) of the container.
Default: 50
We're here to help
Choose how you'd like to connect with our support team
Contact Support
Get help from our team of experts
Response within 24 hours