BLACK FRIDAY
Ends in 00h 00m 00s
25% OFF LTD

Ready to enhance your Breakdance experience?

Add premium elements that enhance user experience.

Quick Started

Ready to enhance your Bricks Builder experience?

Unlock Breakfusion. Make today your launch day.

Spotlight Configurator - Breakfusion
data-spotlight

Spotlight

Dynamic Rays Spotlight Effect for Breakdance Builder

How to Use & Code Information
â–¼
  1. Customize your spotlight effect 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-spotlight with value true
Interactive Spotlight Preview
Quick Presets
Rays Color
HEX
HSL
Rays Origin
Rays Settings
Rays Speed ℹ
1
Light Spread ℹ
1
Ray Length ℹ
2
Fade Distance ℹ
1
Saturation ℹ
1
Effects
Pulsating Effect
Add pulsating animation
Noise Amount ℹ
0
Distortion ℹ
0
Mouse Interaction
Follow Mouse
Rays follow mouse movement
Mouse Influence ℹ
0.1