Fade Flow for Bricks Builder

Documentation

v2.0

GETTING STARTED

Quick started

Installing transitions

MENU ANIMATIONS

Expandable tab

New

Mobile Opener

New

Dynamic island

CORE BACKGROUND

Network effect Snowfall

Video Overlay

New!

Wave Background

New!

Path

New

SHOWCASE

New

VISUAL EFFECTS

New

New

New

ANIMATED TEXT

New

New

New

INTERACTION

New

Timeline Gradient Vertical Parallax

Soon

Soon

Soon

Soon

Soon

Soon

Soon

FadeFlow Carousel Configurator

How to Use in Bricks Builder

Customize your FadeFlow Carousel using the controls below
Click the Get Code button and copy the JavaScript
In Bricks Builder, add a Code element and paste the JavaScript
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

Overlay Color

Overlay Opacity 0.3

Carousel Height

Custom Height 70%

Vertical Position

Images Configuration

Image URLs

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

Documentation

GETTING STARTED

MENU ANIMATIONS

CORE BACKGROUND

SHOWCASE

VISUAL EFFECTS

ANIMATED TEXT

INTERACTION

INSTANT MOTION

SURECART

BUTTONS

TRANSITION PAGES

How to Use in Bricks Builder

JavaScript Code