New

9 buttons. Ready to use.

Whisper Motion Configurator - BricksFusion
data-whisper-motion
How to Use & Code Information
  1. Customize your whisper motion animation using the controls below
  2. Click Copy JS to copy the JavaScript code to clipboard
  3. In Bricks Builder, add a Code element
  4. Paste or upload the JavaScript code
  5. To add the effect to any container: go to Section → Style → Attributes, add data-whisper-motion as attribute name (leave value empty)
Interactive Whisper Motion Preview
Accent Color
HEX
HSL
Shadow Intensity
0.3
Animation Settings
Animation Speed
5s
Float Distance
15px
Rotation Amount
5°
Hover Zoom
1.05x
Motion Pattern
Appearance Settings
Number of Cards
5
Card Size
130px
Card Border Radius
12px
Mobile Size
80px
Advanced Options
Magnetic Force
30
Images Configuration
Image URLs