New

9 buttons. Ready to use.

Cosmic Harmony Configurator - BricksFusion
data-cosmic-harmony
How to Use & Code Information
  1. Customize your cosmic harmony animation using the controls below
  2. Click Copy JS to copy the JavaScript code to clipboard
  3. In Bricks Builder, add a Code element
  4. Paste or upload the JavaScript code
  5. To add the effect to any section: go to Section → Style → Attributes, add data-cosmic-harmony as attribute name (leave value empty)
Interactive Cosmic Harmony Preview
Particle Colors
HEX
HSL
HEX
HSL
Animation Settings
Particle Count
40
Particle Size
15px
Animation Speed
0.002x
Particle Opacity
0.5
Interaction Settings
Interactive Mode
Auto Animation Interval
1500ms