v1.8

Layouts & 50+ New Elements — Now Available! Layouts & 50+ Elements!

Get Access

Documentation

v1.8

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.

Quick 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