Documentation
v.1.6.1
GETTING STARTED
DYNAMIC ISLAND
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
Open previewCard 1
Description
Card 2
Description
Card 3
Description
Quick Setup
data-carousel-container
Required
The container element for the carousel. This attribute is required to enable the 3D carousel effect.
data-carousel-card
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