New

9 buttons. Ready to use.

FadeFlow Carousel Configurator - BricksFusion
data-fadeflow
How to Use & Code Information
  1. Customize your FadeFlow carousel using the controls below
  2. Click Copy JS to copy the JavaScript code to clipboard
  3. In Bricks Builder, add a Code element
  4. Paste the JavaScript code
  5. To add the effect to any section: go to Section → Style → Attributes, add data-fadeflow as attribute name (leave value empty)
Interactive FadeFlow Carousel Preview
Animation Settings
Animation Speed
10s
Mobile Speed Factor
0.5x
Animation Direction
Image Gap
20px
Appearance Settings
Border Radius
8px
Edge Fade Theme
Edge Fade Width
15%
Edge Fade Opacity
0.95
Image Overlay
Advanced Options
Image Width Mode
Carousel Height
Vertical Position
Image URLs
Image 1
Image 2
Image 3
Image 4