New

9 buttons. Ready to use.

Flip Canvas Configurator - BricksFusion
data-grid-flip
How to Use & Code Information
  1. Customize your flip canvas 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 section: go to Section → Style → Attributes, add data-grid-flip as attribute name (leave value empty)
Interactive Flip Canvas Preview
Grid Settings
Grid Size
4x4
Transition Time
3s
Empty Blocks
30%
Appearance
Animation Style
Images

Add at least 2 image URLs for the slideshow

Animation Settings
Animation Duration
0.8s
Stagger Delay
0.2s
Mobile Optimization
Enable faster animations on mobile