Dimension Reel - breakfusion.com

Customize your DimensionReel using the controls below
Click the Get Code button and copy the JavaScript
In Breakdance Builder, add a Code element and paste the JavaScript
Add the attribute
data-dimension-reel📋
with the value "true" to your container element

This tool creates a custom script with your settings built-in. All your DimensionReel configurations are included in the generated code! Remember to set the attribute value to "true".

Breakfusion Exclusive Get Your DimensionReel

Add stunning 3D animation effects to your website with this custom-crafted JavaScript snippet.

Easy implementation with simple data attributes
Eye-catching 3D perspective animations
Fully responsive design that adapts to any container
Customizable animation speed and appearance
Works in all modern browsers and devices

Animation Settings

Animation Speed 30s

Lower values = faster animation (5 = very fast, 60 = very slow)

Mobile Speed Factor 0.8x

Lower values = faster speed on mobile devices (0.8 = 1.25x faster)

Number of Rows 1

Gap Between Items 20px

Appearance Settings

Item Height 120px

Border Radius 8px

Rotation X 15deg

Rotation Z -5deg

Edge Fade Width 20%

Edge Fade Color

Shadow Intensity 0.4

Images Configuration

Image URLs

Add the URLs of the images you want to display in your carousel

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