Groundworx Carousel

描述

Groundworx Carousel is a flexible Gutenberg block that allows you to display slides with any inner blocks. It’s built on top of the lightweight Splide.js library and supports responsive options, breakpoint-based layouts, and advanced design controls.

Features:

• Native Gutenberg block support
• Slide, loop, or fade transition types
• Responsive controls for each breakpoint
• Arrow and pagination customization
• Progress bar and slide counter support
• Grid fallback layout when carousel is disabled
• Modern, accessible, and lightweight

Perfect for building galleries, content sliders, testimonials, product showcases, and more.

Developer Notes

Supported Breakpoints for Carousel Fallback

Groundworx Carousel allows you to disable the carousel and fall back to a grid layout at a specific breakpoint by passing destroy: true inside splideOptions.breakpoints.

The supported breakpoint keys are:

• tablet
• laptop
• desktop

These follow a mobile-first, breakpoint-and-up model. For example, using tablet will apply the fallback from tablet size and up.

You can also use these breakpoints to provide default values for splideOptions settings — such as perPage, gap, or arrows — at different screen sizes.
Important: Once the carousel is destroyed via destroy: true, it cannot be reactivated at larger breakpoints. All subsequent settings will be ignored.

You can register custom variations using wp.blocks.registerBlockVariation() and define breakpoint-specific splideOptions.

For full code examples, refer to the GitHub repository:
https://github.com/groundworx-dev/groundworx-carousel#example-variations

Source Code

The unminified source code is publicly available at:
https://github.com/groundworx-dev/groundworx-carousel

About

Groundworx Carousel is part of the Groundworx Block Suite — a modular collection of high-performance, design-focused blocks built for modern WordPress development.

Created and maintained by Johanne Courtright, a WordPress developer and UI/UX specialist with a passion for accessible, customizable interfaces.

Visit https://groundworx.dev for more blocks, documentation, and upcoming releases.