BLACK FRIDAY
25% OFF Lifetime · Ends Dec 2nd
Beams Configurator - Breakfusion
data-beams
How to Use & Code Information
  1. Customize your beams 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-beams with value true
Interactive Beams Preview
Quick Presets
Beam Colors
HEX
HSL
HEX
HSL
Intensity
Subtle
Medium
Strong
Beam Settings
Beam Count
30
Animation Speed
1
Blur Amount
15
Min Width
100
Max Width
200