New

9 buttons. Ready to use.

Circles Animation Configurator - BricksFusion
data-circles-animation
How to Use & Code Information
  1. Customize your circles 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-circles-animation as attribute name (leave value empty)
Interactive Circles Animation Preview
Color Settings
Animation Settings
Circle Count
12
Mobile Count
3
Minimum Size
150px
Maximum Size
400px
Animation Speed
2x
Advanced Options
Responsive Mode
Blend Mode