Opens in a new tab
BLACK FRIDAY
Ends in 00h 00m 00s
25% OFF LTD
Celestial Flow Configurator - Breakfusion
data-celestial-flow-animation
How to Use & Code Information
▼
  1. Customize your particle animation 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-celestial-flow-animation with value true
Particle Settings
Particle Count ℹ
50
Particle Size ℹ
1.5
Particle Opacity ℹ
0.7
Trail Length ℹ
15px
Color Settings
HEX
HSL
Animation Settings
Animation Speed ℹ
1x
Flow Direction
Frame Rate ℹ
60 FPS