Elementor Carousel

This is a demo plugin for the Elementor site builder showcasing native HTML/CSS Carousel without any JS.

About the Carousel

This plugin adds lightweight Elementor widget that creates a modern CSS Carousel to demonstrate what's possible to create carousels without relying on JavaScript-based solutions.

• ⚖️ Scroll navigation controls
• 🖥️ Carousels with CSS on Chrome for Developers Blog
• 🔗 Learn more about the CSS Carousel
• 🛠️ Configure your own Carousel

Try It Live

Want to play around with Elementor and this demo Carousel without installing anything? You can experiment as much as you'd like on the Elementor Playground:

👉 Elementor CSS Carousel Playground

Usage

1. Install and activate the plugin through your WordPress dashboard.
2. Edit a page with Elementor.
3. Drag in the "CSS Carousel" widget.
4. Customize as needed.

Requirements

• Elementor plugin installed and activated.
• Chrome 135 or higher, for full feature support. Older Chrome version need to visit chrome://flags and enable "Experimental Web Platform features".

Important Notes

• This plugin was created for the sole purpose of a demo for GoogleIO 2025 and is not actively maintained.
• The plugin is a demo and does not include all available carousel features.
• The plugin does not handle loading a polyfill for unsupported or older browsers.

Enjoy experimenting with the latest in CSS!