Floating Glow - breakfusion.com

Customize your floating shapes animation using the controls below
Click the Get Instant Code button and copy the JavaScript
In Breakdance Builder, add a Code element and paste the JavaScript
Add the attribute
data-floating-shapes📋
with the value true to any container element

This tool creates a custom script with your settings built-in. You only need to add the data attribute with the value true to see your configuration!

Breakfusion Exclusive Get Your Custom Floating Shapes Animation

Add elegant and mesmerizing floating shapes to your website with this custom-crafted JavaScript snippet.

Easy implementation with simple data attributes
Smooth animated shapes with natural floating movement
Customizable colors and animation speed
Responsive design that adapts to all screen sizes

Animation Settings

Number of Shapes 5

Animation Speed 1x

Float Amplitude 15px

Visual Settings

Shape Color

Shape Opacity 0.15

Blur Effect 2px

Size Settings

Shape Size 100%

Documentation

GETTING STARTED

MENU ANIMATION

CORE BACKGROUND

SHOWCASE

VISUAL EFFECTS

ANIMATED TEXT

INTERACTION

INSTANT MOTION

TRANSITION PAGES

How to Use in Breakdance Builder

JavaScript Code