LIVE NOW

Visual Configurator is now active — Customize 50+ professional animations Visual Configurator is live!

Get Started
Circles Animation Configurator

How to Use in Bricks Builder

  1. Customize your circles animation using the controls below
  2. Click the Get Code button and copy the JavaScript
  3. In Bricks Builder, add a Code element and paste the JavaScript
  4. Add the attribute
    data-circles-animation📋
    to any container element
This tool creates a custom script with your settings built-in. All your circles animation configurations are included in the generated code!
BricksFusion Exclusive Get Your Circles Animation Effect

Add dynamic animated floating circles to your website with this custom-crafted JavaScript snippet.

  • Easy implementation with simple data attributes
  • Fully responsive design that adapts to any container
  • Customizable circle colors and properties
  • Performance optimized for smooth animations
  • Works in all modern browsers and devices
Animation Settings
Number of Circles 12
Number of Circles (Mobile) 3
Minimum Size 150px
Maximum Size 400px
Animation Speed 2
Responsive Mode
Blend Mode
Color Settings
Color Scheme

JavaScript Code