LIVE NOW

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

Get Started
CardTwist Stack Configurator

How to Use in Bricks Builder

  1. Customize your CardTwist stack 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-cardtwist📋
    to your container element
This tool creates a custom script with your settings built-in. All your CardTwist stack configurations are included in the generated code!
BricksFusion Exclusive Get Your CardTwist Stack Animation

Add elegant, interactive card stacks to your website with this custom-crafted JavaScript animation.

  • Interactive 3D card rotation with dragging functionality
  • Customizable card size, rotation, and sensitivity
  • Automatic card reshuffling when dragged
  • Responsive design that works on both desktop and mobile
  • Works in all modern browsers and touch devices
Image Settings
Cards Border Color
Behavior Settings
Card Width 208px
Card Height 208px
Drag Sensitivity 200
Border Width 5px
Border Radius 12px
Random Rotation

JavaScript Code