BLACK FRIDAY
Ends in 00h 00m 00s
25% OFF LTD
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