Documentation
v1.2
GETTING STARTED
Premium element
ShowCase
Card Twist
CardTwist is an interactive element that creates a stacked card effect with dynamic rotation and drag interactions.
Preview
Quick Setup
data-cardtwist=true
Required
Attribute that activates the CardTwist.
data-img1
data-img2
data-img3
data-img4
data-img5
data-img6
Required
Allows up to 6 images to be defined for automatic card generation if no elements are manually added inside the container.
Advanced configuration
data-random-rotation
Optional
Determines whether the card rotation has a random angle. Possible values: true or false
Default: false
data-sensitivity
Optional
Defines the drag sensitivity in pixels. A lower value makes movement detection more responsive
Default: 200
We're here to help
Choose how you'd like to connect with our support team
Contact Support
Get help from our team of experts
Response within 24 hours