Documentation
v1.8
GETTING STARTED
DYNAMIC ISLAND
Premium element
ShowCase
Fade Flow
FadeFlow Carousel is a responsive, customizable component that displays images in an infinite horizontal scrolling animation with elegant edge fading effects.
Preview
Open previewQuick Setup
data-fadeflow
Required
Main selector applied to a div or container element that identifies it as a FadeFlow Carousel container.
Advanced configuration
data-fadeflow-images
Optional
JSON array of image URLs to display in the carousel.
Default: (empty array)
data-fadeflow-speed
Optional
Controls the animation speed in seconds for a complete cycle.
Default: 30
data-fadeflow-direction
Optional
Sets the scrolling direction of the carousel. left or right.
Default: left
data-fadeflow-image-gap
Optional
Sets the gap between images in pixels.
Default: 20
data-fadeflow-border-radius
Optional
Sets the border radius of images in pixels.
Default: 8
data-fadeflow-border-radius
Optional
data-fadeflow-blur-theme. dark or light.
Default: dark
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