card-carousel-widget-icon
FREE

Elementor Widgets  /  Carousels  /  Card Carousel

Card Carousel Widget for Elementor

Use the card carousel widget to display two or more pieces of content in a carousel format.

Choose Template
Card Carousel with Team Members
Card Carousel with Team Members
Card Carousel with Adventure Locations
Card Carousel with Adventure...
Card Carousel for Clothing Products
Card Carousel for Clothing...
Card Carousel with Content Tabs
Card Carousel with Content...
Card Carousel for a Personal Introduction
Card Carousel for a Personal...
Card Carousel for a Set of Products
Card Carousel for a Set of...
Card Carousel with Qualities of an Organization
Card Carousel with Qualities...
Card Carousel for a Business Introduction
Card Carousel for a Business...
Loading...
Copy
Click to Copy the Section and paste to your site using Doubly Plugin   Learn More
Buy Now

Content

The Power of Multiple Dynamic Source Types

Easily populate carousel items with dynamic data types. Whether it’s WordPress posts, Woo products, CSV files, JSON files, ACF repeater fields, API integrations, or more. Our solution adapts to your dynamic content needs.

Widget Settings

Create the Perfect Carousel Showcase

The Card Carousel widget is user-friendly and does not demand any technical expertise. With just a few swift clicks, you can easily customize the widget to suit your requirements using the straightforward settings.

Style

Customization is at Your Fingertips

Modify the colors to match your site’s look and feel.  Customize the text, icons, fonts and layout to make the widget look and work exactly like you want it too.

Remote Controls

Total Design Freedom with Connected Widgets

Craft unique layouts effortlessly with Remote Control Widgets. Enjoy full design control, making your web design stand out with absolute precision.

Sync Widgets Together

Craft Customized Flexible Layouts

Take your web designs one step further by synchronizing two or more item-based widgets, allowing you to craft sophisticated and personalized layouts with ease.

Customization

Elevate Your Carousel Display with Precision and Ease

Flexible. Lightweight. Intutive.

1

Loop

Keep your content in constant motion for a dynamic display with seamless, continuous carousel looping.

2

Number of Items

Easily tailor the quantity of items for various screens, ensuring flexibility across different devices.

3

Slides to Scroll

Control the number of slides moved per navigation, giving precise user interaction.

4

Transition Speed

Customize the pace of carousel transitions for a visually appealing and personalized display.

5

Margin Between Slides

Optimize visual presentation by adjusting spacing based on screen size.

6

Stage Padding

Enhance visual appeal with an offset effect for a polished display.

7

Autoplay

Effortlessly engage your audience with automated carousel progression for a hands-free experience.

8

Autoplay Interval

Set transition timing with control over autoplay intervals for a well-paced display.

9

Pause on Hover

Improve user focus by temporarily halting autoplay when hovered over.

10

Transition Easing

Adjust transition smoothness for a polished user experience.

11

Center Mode

Emphasize items by placing them at the carousel center for a visually impactful display.

12

Change on Click

Boost engagement by allowing item transitions through simple click interactions.

13

RTL (Right-to-Left)

Accommodate language and design preferences with right-to-left reading mode.

14

Random Order

Add variety by randomizing the order of displayed items.

15

Mouse Drag

Provide intuitive navigation with mouse-dragging through the carousel.

16

Touch Drag

Extend functionality to touchscreen devices for seamless dragging and enhanced engagement.

17

Scroll to Head

Ensure smooth transitions by automatically scrolling to the head of an item when not visible.

18

Mouse Wheel Control

Enhance user control with mouse wheel functionality as an alternative navigation method.

19

Auto Width

Optimize visual appeal by dynamically adjusting the width of carousel items to match their content width.