LIVE NOW

Visual Configurator is now active — Customize 50+ professional animations Visual Configurator is live!

Get Started
FadeFlow Carousel Configurator

How to Use in Bricks Builder

  1. Customize your FadeFlow Carousel using the controls below
  2. Click the Get Code button and copy the JavaScript
  3. In Bricks Builder, add a Code element and paste the JavaScript
  4. Add the attribute
    data-fadeflow📋
    to your container element
This tool creates a custom script with your settings built-in. All your FadeFlow carousel configurations are included in the generated code!
BricksFusion Exclusive Get Your FadeFlow Carousel

Add elegant animated image carousels to your website with this custom-crafted JavaScript snippet.

  • Easy implementation with simple data attributes
  • Smooth flowing animations with edge fade effects
  • Fully responsive design that adapts to any container
  • Customizable animation speed and direction
  • Works in all modern browsers and devices
Animation Settings
Animation Speed 10s

Lower values = faster animation (2 = very fast, 60 = very slow)

Mobile Speed Factor 0.5x

Lower values = faster speed on mobile devices (0.5 = 2x faster)

Animation Direction
Image Gap 20px
Appearance Settings
Border Radius 8px
Edge Fade Theme
Edge Fade Width 15%
Edge Fade Opacity 0.95
Image Overlay
Carousel Height
Vertical Position
Images Configuration
Image URLs

Add the URLs of the images you want to display in your carousel

JavaScript Code