benrgreene

This is a plugin that adds sliders to the Gutenberg editor! It introduces two new blocks:
<ol>
<li>Gutenberg slider container</li>
<li>Gutenberg slider block</li>
</ol>
Gutenberg Slider Container
This is the wrapper for the slider. All blocks that are direct descendents of this wrapper block will be the slides. All block types are supported.
There are a couple settings for the Slider Container block:
<ol>
<li>Arrows: this is to set whether or not the slider has navigation arrows.</li>
<li>Arrow Content: this is to set the content for the nav arrows (seperate settings for both arrows). Doesn’t apply when arrows aren’t displayed.</li>
<li>Dots: Whether or not the slider has navigation dots.</li>
<li>Dot Color: this is the color of the dots, doesn’t apply when dots aren’t displayed.</li>
<li>Timer: Setting a value will add a timer for the slider to auto navigtate between slides. A value of “0” means there is no timer.</li>
</ol>
Gutenberg Slider Block
A special block that is designed to be used in the slider container. This contains a media selector, which you can use to select a background for the slider. There is also a section for adding child blocks, which will be the slider content displayed over the background.
All options for child blocks (such as text settings) are honored. So you can still set color, font size, etc for your content to create rich content.
This block can only be added to the Slider Container block, it will not be available anywhere else.

Ben's Slider for Gutenberg

Suggestions though:

- Why is the background grey in the editor? That seems off.
- Being able to more easily style, without adding a ton of bloat, the circles and arrows would be nice.

Works well, easy to use

David Jensen

CloudCatch

The Splide Carousel block introduces the capability to create carousels/sliders within the block editor. Each carousel may contain an infinite number of slides, with each slides containing their own inner blocks.
Use the Splide Carousel block to create image carousels, testimonial rotators, and more in Gutenberg!
<a href="https://splide-demo.cloudcatch.io/" rel="nofollow ugc">View Demo</a>
<h3>Options</h3>
<ul>
<li>Arrows Navigation</li>
<li>Dots Pagination</li>
<li>Autoplay</li>
<li>Slide and Fade Transitions</li>
<li>Infinite Loop</li>
<li>API to control the carousel using JavaScript</li>
<li>Fixed Slide Width / Height</li>
<li>Variable Slide Width / Height</li>
<li>Number of Slides Per Page</li>
<li>Slide Spacing</li>
<li>Video Support</li>
<li>Auto Scroll</li>
<li>Hash Navigation</li>
<li>Lazyload</li>
<li>FSE (Full Site Editing) Compatible</li>
<li>Fully Accessible</li>
<li>RTL Support</li>
<li>Responsive</li>
<li>No Google Lighthouse Issues</li>
<li>Lightweight</li>
<li><a href="https://splidejs.com/guides/options/#options" rel="nofollow ugc">…and more!</a></li>
</ul>
<h3>Attribution</h3>
The Splide Carousel block uses the <a href="https://splidejs.com/" rel="nofollow ugc">Splide</a> library.

Splide Carousel Block

Carousel block using Splide to create flexible and accessible sliders

Ben's Slider for Gutenberg vs Splide Carousel Block