BLACK FRIDAY
Ends in 00h 00m 00s
25% OFF LTD

Ready to enhance your Breakdance experience?

Add premium elements that enhance user experience.

Quick Started

Ready to enhance your Bricks Builder experience?

Unlock Breakfusion. Make today your launch day.

Circles Animation Configurator - Breakfusion
data-circles-animation

Circles Animation

Dynamic Floating Circles for Breakdance Builder

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 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-circles-animation with value true
Interactive Circles Preview
Quick Presets
Circle Colors
Circle Settings
Number of Circles ℹ
12
Number of Circles (Mobile) ℹ
3
Minimum Size ℹ
150
Maximum Size ℹ
400
Animation Speed ℹ
2
Responsive Mode ℹ
Blend Mode ℹ