Carousel Slider Block for Gutenberg
A responsive modern carousel slider for the Gutenberg block editor that lets you add any blocks to your slides. Easily create sliders for hero sections, testimonials, products, and anything else using Gutenberg blocks. 🚀 Carousel Slider Version 2 is built on the modern Swiper.js library for improve
About this tool.
A responsive modern carousel slider for the Gutenberg block editor that lets you add any blocks to your slides. Easily create sliders for hero sections, testimonials, products, and anything else using Gutenberg blocks.
🚀 Carousel Slider Version 2 is built on the modern Swiper.js library for improved performance and better mobile compatibility.
Plugin site: carouselblock.com
Features
- Add unlimited slides
- Add any blocks to the slides
- Preview the carousel in the editor
- Responsive and touch enabled
- Developer friendly: supports CSS variables & theme.json
Settings
- Slides per view
- Slides to scroll at a time
- Slide speed
- Slide padding
- Prev/next arrows
- Dots navigation
- Infinite loop sliding
- Autoplay
- Pause on hover
- Disable on interaction
- Responsive settings: slides to show and scroll at given screen size
- RTL
Advanced Settings
For dynamic layouts where the slider or its surrounding layout changes after load, such as tabs, accordions, or lazy-loaded content.
- ResizeObserver
- Observer
- Observe parent elements
- Observe slide children
Plugin Settings
Plugin settings are available from Settings > Carousel Slider in the WordPress admin.
Available options include showing legacy carousel blocks, hiding the legacy warning notice, and loading the full Swiper bundle instead of the default custom Swiper build.