LIVE NOW

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

Get Started
Whisper Motion Configurator

How to Use in Bricks Builder

  1. Customize your Whisper Motion 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-whisper-motion📋
    to your container element
This tool creates a custom script with your settings built-in. All your Whisper Motion configurations are included in the generated code!
BricksFusion 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