LIVE NOW

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

Get Started
Ambient Gradient Configurator

How to Use in Bricks Builder

  1. Design your ambient gradient effect 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-ambient-gradient📋
    to any section you want to apply the effect to
This tool creates a custom script with your settings built-in. You only need to add the data attribute to see your exact configuration!
BricksFusion Exclusive Get Your Custom Gradient Effect

Create stunning interactive gradient backgrounds for your Bricks Builder projects with this custom-crafted JavaScript snippet.

  • Easy implementation with a single attribute
  • Interactive mouse-follow or auto-animation modes
  • Fully customizable colors and animations
  • Works with any Bricks Builder section
Gradient Colors
Color Palette
Gradient Angle 45°
Background Size 400%
Animation Settings
Auto Animation
Animation Speed 0.005
Mouse Influence 100%
Idle Animation Speed 0.05
Transition Smoothness 0.5s
Advanced Options
Z-Index Position 1
Keep Content Centered
Border Radius Inherit

JavaScript Code