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

Noruzzaman

Sanaf Ahmed Nihan

The gslider Blocks plugin allows you to easily add customizable and responsive sliders to your WordPress website. Perfect for both beginners and developers, this plugin provides powerful slider blocks for the WordPress block editor (Gutenberg). Customize slider content, transitions, navigation, and more, while enjoying full control over slider styling and functionality.
<h3>Available Blocks</h3>
1. Base Slider Block 
Create stunning hero sliders with predefined content elements. Perfect for homepage banners, promotional sliders, and featured content showcases.
<ul>
<li>Pre-built slide structure with Title, Subtitle, Description, and Button</li>
<li>Multiple transition effects (Slide, Fade, Cube, Coverflow, Flip, Cards, Creative)</li>
<li>Full background image/color support with overlay options</li>
<li>Responsive navigation arrows and pagination controls</li>
<li>Content alignment and positioning controls</li>
<li>Custom spacing and padding options</li>
</ul>
2. Flexi Content Block 
Build completely custom slides using any Gutenberg blocks. Ultimate flexibility for creative slider designs.
<ul>
<li>Use ANY WordPress blocks inside slides (images, text, buttons, galleries, etc.)</li>
<li>Full creative control with InnerBlocks support</li>
<li>Multiple slide effects including Fade, Slide, Cube, and more</li>
<li>Responsive height options (Fixed, Auto, Minimum height)</li>
<li>Loop, autoplay, and touch/swipe support</li>
<li>Keyboard and mousewheel navigation</li>
</ul>
3. Logo Carousel Block 
Display client logos, partner brands, or sponsor images in a beautiful, animated carousel.
<ul>
<li>Easy logo management with drag & drop reordering</li>
<li>Hover effects: Grayscale-to-color, opacity, scale, and lift animations</li>
<li>Clickable logos with custom URLs and link settings</li>
<li>Tooltips and captions with full styling options</li>
<li>Responsive slides per view configuration</li>
<li>Lazy loading for optimized performance</li>
</ul>
4. Image Slider Block 
A versatile carousel for displaying images, brand assets, or partner logos with advanced interactive features.
<ul>
<li>Lightbox Support: View images in a stunning full-screen overlay</li>
<li>Custom Tooltips: Add descriptive hover text with complete styling control (typography, colors, position)</li>
<li>Clickable Images: Link each image to custom internal or external URLs</li>
<li>Caption Support: Display and style image captions for better context</li>
<li>Responsive Design: Fully customizable columns and spacing for Desktop, Tablet, and Mobile</li>
<li>Advanced Transitions: Slide, Fade, Cube, and other 3D effects powered by Swiper.js</li>
</ul>
<h3>Key Features</h3>
<ul>
<li>Multiple Transition Effects: Slide, Fade, Cube, Coverflow, Flip, Cards, and Creative effects</li>
<li>Fully Responsive: Separate settings for Desktop, Tablet, and Mobile</li>
<li>Navigation Controls: Customizable arrows (icons or images) and pagination (bullets, fraction, progressbar)</li>
<li>Performance Optimized: Built with Swiper.js for smooth, hardware-accelerated animations</li>
<li>Accessibility Ready: Keyboard navigation, ARIA labels, and touch support</li>
<li>Custom Styling: Full control over colors, typography, spacing, borders, and shadows</li>
<li>Google Fonts: Built-in typography options with Google Fonts integration</li>
</ul>
<h3>Support</h3>
If you have any questions, please email us at <a href="mailto:gsliderblocks@gmail.com" rel="nofollow ugc">gsliderblocks@gmail.com</a>

Slider Block for Gutenberg Gutenslider by GSlider

Logo Carousel, Image Slider & Testimonial blocks for Gutenberg. 7+ effects, responsive design & full customization!

Ben's Slider for Gutenberg vs Slider Block for Gutenberg Gutenslider by GSlider