LIVE NOW

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

Get Started
Flip Canvas Configurator

How to Use in Bricks Builder

  1. Customize your flip canvas 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-grid-flip📋
    to any section element
This tool creates a custom script with your settings built-in. You only need to add the data attribute to implement your flip canvas effect!
BricksFusion Exclusive Get Your Flip Canvas Effect

Create stunning image galleries with dynamic grid-based flip animations that captivate your visitors.

  • Easy implementation with simple data attributes
  • Smooth flip animations with customizable timing
  • Fully responsive and mobile-friendly
  • Customizable grid size and empty blocks
Grid Settings
Grid Size 4x4

Number of rows and columns in the grid

Transition Time 3s

Time between automatic image transitions

Empty Blocks 30%

Percentage of grid blocks that remain empty

Appearance
Animation Style

Different transition effects when changing images

Images

Add at least 2 image URLs for the slideshow

Animation Settings
Animation Duration 0.8s

Duration of the flip animation

Stagger Delay 0.2s

Maximum delay between block animations

Mobile Optimization
Enable faster animations on mobile

Reduces animation time for better mobile performance

JavaScript Code