Now Live

Visual Configurators Available — New Animated Elements Coming June 30th Animations June 30th

Get Started
Whisper Motion Configurator

How to Use in Breakdance Builder

  1. Customize your Whisper Motion using the controls below
  2. Click the Get Code button and copy the JavaScript
  3. In Breakdance Builder, add a Code element and paste the JavaScript
  4. Add the attribute
    data-whisper-motion📋
    to your container element with the value "true"
This tool creates a custom script with your settings built-in. All your Whisper Motion configurations are included in the generated code! Make sure to set the attribute value to "true" for proper functionality.
Breakfusion Exclusive Get Your Whisper Motion

Add stunning 3D floating card animations to your website with this custom-crafted JavaScript snippet.

  • Eye-catching 3D hover effects with customizable animations
  • Fully responsive design that adapts to any container
  • Randomized card positioning for unique visual experience
  • Customizable animation speed and depth
  • Works in all modern browsers and devices
Animation Settings
Animation Speed 5s
Motion Pattern

Select the movement pattern for the cards

Float Distance 15px

Maximum distance cards will float (higher values = more movement)

Rotation Amount 5°
Hover Zoom 1.05x
Magnetic Effect
Enable magnetic effect (cards attract to cursor)
Magnetic Force 30

How strongly cards are attracted to cursor

Appearance Settings
Number of Cards 5
Card Size 130px
Card Border Radius 12px
Mobile Configuration
Enable adaptive size for mobile devices
Mobile Size 80px

The size of cards on mobile devices (width < 768px)

Accent Color
Card Shadow Intensity 0.3
Images Configuration
Image URLs

Add image URLs for the dimension cards

JavaScript Code