Documentation
v.1.6.1
GETTING STARTED
DYNAMIC ISLAND
Premium element
ShowCase
Dual Row
Dual Row is a visually captivating image carousel that creates a seamless, infinite scrolling effect with two rows of images. The top and bottom rows move continuously, offering a dynamic and engaging way to showcase image content while maintaining a smooth animation flow.
Preview
Open previewQuick Setup
data-dual-row-flow'
Required
Activates the dual-row image flow effect. No value is needed; simply adding this attribute enables the functionality.
data-top-row-images
Required
Accepts a JSON array of image URLs to display in the top row. Each URL represents an image in the carousel. Example: ["image1.jpg", "image2.jpg", "image3.jpg"].
data-bottom-row-images
Required
Accepts a JSON array of image URLs for the bottom row, following the same format as the top row.
Advanced configuration
data-top-speed
Optional
Controls the scrolling speed for the top row.
Default: 0.5
data-bottom-speed
Optional
Sets the scrolling speed for the bottom row.
Default: 0.5
data-pause-on-hover
Optional
If set to true, the scrolling pauses when the user hovers over a row. Set to false to disable this feature.
Default: true
data-direction
Optional
Defines the scrolling direction for both rows (left or right).
Default: left
data-image-border-radius
Optional
Controls the rounded corners of all images in both rows. Higher values create more rounded corners.
Default: 0
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