Animated elements

Core Background

Dynamic background animations

Showcase

Impressive presentation effects

Visual effects

Eye-catching elements

Animated texts

Dynamic typography effects

Interactions

User-triggered animations

Menu animation

Interactive Menu Effects

Transition pages

Smooth navigations effects

Soon

Instant Motion

Instant animations, preconfigured for stunning visual impact

Ready to enhance your Breakfusion experience?

Add premium elements that enhance user experience.

Quick Started

Contact

Get in touch with us

Quick Started

Custom documentation

ChangeLog

Latest updates and improvements

Roadmap

Find out what's coming to Breakfusion

Ready to enhance your BreakDance experience?

Unlock Breakfusion. Make today your launch day.

Ambient Gradient Configurator - Breakfusion
data-ambient-gradient

Ambient Gradient

Interactive Gradient for Breakdance Builder

How to Use & Code Information
▼
  1. Customize your gradient using the controls below
  2. Click Copy JS to copy the JavaScript code to clipboard
  3. In Breakdance Builder, add a Code element
  4. Paste the JavaScript code
  5. To add the effect to any section: go to Section → Settings → Advanced → Attributes, add data-ambient-gradient with value true
Interactive Ambient Gradient Preview
Quick Presets
Gradient Colors
HEX
HSL
HEX
HSL
HEX
HSL
HEX
HSL
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