BLACK FRIDAY
Ends in 00h 00m 00s
25% OFF LTD
Vortex Animation Configurator - Breakfusion
data-vortex
How to Use & Code Information
â–¼
  1. Customize your vortex 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-vortex with value true
Interactive Vortex Animation Preview
Particle Settings
Particle Count ℹ
700
Base Radius ℹ
1px
Radius Range ℹ
2px
Range Y ℹ
100px
Animation Settings
Base Speed ℹ
0.0
Speed Range ℹ
1.5
Color Settings
HEX
HSL
Color Variation ℹ
30°