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.

Image
Fluid Ring Configurator - Breakfusion
data-fluid-ring

Fluid Ring

Animated Fluid Ring Effect for Breakdance Builder

How to Use & Code Information
▼
  1. Customize your fluid ring effect 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-fluid-ring with value true
Interactive Fluid Ring Preview
Animation Settings
Animation Speed ℹ
1.0
Ring Radius ℹ
0.35
Ring Width ℹ
0.035
Intensity ℹ
1.0
Color Settings
HEX
HSL
Variation Strength ℹ
5.0