Premium element

ShowCase

Swipe Cards

Swipe Cards provides a dynamic way to display a stack of cards that can transition smoothly, giving the appearance of swiping through cards. This effect supports touch gestures and automatic rotation, allowing users to swipe cards left or right, click to proceed to the next card, or let the cards rotate automatically.

Preview

Card 1

Description

Card 2

Description

Card 3

Description

Quick Setup

data-swipe-cards-container=true

Required

Applied to the main container element that holds all the swipe cards. This attribute is essential for initializing the animation.

data-swipe-card=true

Required

Applied to each individual card inside the container. Each card will transition in and out during the animation.

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