Premium element

ShowCase

Carousel Cards

Carousel Cards element creates a 3D rotating carousel animation for a set of cards. It allows for a visually appealing display where the cards rotate around a circular path, giving a dynamic 3D effect as each card faces the viewer in sequence.

Preview

Card 1

Description

Card 2

Description

Card 3

Description

Quick Setup

data-carousel-container=true

Required

The container element for the carousel. This attribute is required to enable the 3D carousel effect.

data-carousel-card=true

Required

Applied to each card inside the carousel container. Cards will be positioned around the circular path based on the configuration.

Advanced configuration

data-rotation-speed

Optional

Specifies the speed of the card rotation animation in seconds.

Default: 1.5

data-rotation-interval

Optional

Determines how often the carousel rotates to show the next card, in milliseconds

Default: 4000

data-carousel-radius

Optional

Sets the radius of the circular path for the cards, determining how far the cards are from the center.

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