Opens in a new tab
BLACK FRIDAY
Ends in 00h 00m 00s
25% OFF LTD
Cosmic Harmony Configurator - Breakfusion
data-cosmic-harmony
How to Use & Code Information
▼
  1. Customize your cosmic 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-cosmic-harmony with value true
Interactive Cosmic Harmony Preview
Animation Settings
Particle Count ℹ
40
Particle Size ℹ
15
Animation Speed ℹ
0.002
Visual Settings
Interactive Mode ℹ
Particle Opacity ℹ
0.5
Interaction Interval ℹ
1500ms
Particle Colors
HEX
HEX