LIVE NOW

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

Get Started
Floatvision Configurator

How to Use in Bricks Builder

  1. Customize your floating image effect 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-float-container📋
    to any container element
  5. Add the attribute
    data-float-image📋
    to the image inside the container
This tool creates a custom script with your settings built-in. You just need to add the data attributes to implement your floating image effect!
BricksFusion Exclusive Get Your Floatvision Effect

Create stunning interactive floating image effects that respond to user interaction and add depth to your website.

  • Easy implementation with simple data attributes
  • Smooth animations with customizable settings
  • Fully responsive and mobile-friendly
  • Interactive hover and touch effects
Motion Settings
Motion Speed 2

Speed of the floating animation

Motion Intensity 2%

Intensity of the autonomous movement

Smoothness 0.04

Smoothness of the animation transitions

Interactive Settings
Interactive Effects
Enable mouse interactions
Enable touch interactions
Enable autonomous floating
Mouse Response 3%

Strength of mouse/touch response

Movement Direction
Advanced Settings
Movement Boundary 8%

Maximum distance the image can move

Path Complexity 0.6

Complexity of the autonomous movement path

Initial Position Offset
X-Offset: 0%
Y-Offset: 0%

Initial position offset of the image

JavaScript Code