Slider Block for Gutenberg Gutenslider by GSlider

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.

Available Blocks

1. Base Slider Block
Create stunning hero sliders with predefined content elements. Perfect for homepage banners, promotional sliders, and featured content showcases.

• Pre-built slide structure with Title, Subtitle, Description, and Button
• Multiple transition effects (Slide, Fade, Cube, Coverflow, Flip, Cards, Creative)
• Full background image/color support with overlay options
• Responsive navigation arrows and pagination controls
• Content alignment and positioning controls
• Custom spacing and padding options

2. Flexi Content Block
Build completely custom slides using any Gutenberg blocks. Ultimate flexibility for creative slider designs.

• Use ANY WordPress blocks inside slides (images, text, buttons, galleries, etc.)
• Full creative control with InnerBlocks support
• Multiple slide effects including Fade, Slide, Cube, and more
• Responsive height options (Fixed, Auto, Minimum height)
• Loop, autoplay, and touch/swipe support
• Keyboard and mousewheel navigation

3. Logo Carousel Block
Display client logos, partner brands, or sponsor images in a beautiful, animated carousel.

• Easy logo management with drag & drop reordering
• Hover effects: Grayscale-to-color, opacity, scale, and lift animations
• Clickable logos with custom URLs and link settings
• Tooltips and captions with full styling options
• Responsive slides per view configuration
• Lazy loading for optimized performance

4. Image Slider Block
A versatile carousel for displaying images, brand assets, or partner logos with advanced interactive features.

• Lightbox Support: View images in a stunning full-screen overlay
• Custom Tooltips: Add descriptive hover text with complete styling control (typography, colors, position)
• Clickable Images: Link each image to custom internal or external URLs
• Caption Support: Display and style image captions for better context
• Responsive Design: Fully customizable columns and spacing for Desktop, Tablet, and Mobile
• Advanced Transitions: Slide, Fade, Cube, and other 3D effects powered by Swiper.js

5. Testimonial Block
Showcase customer testimonials, reviews, and feedback in a beautiful, interactive slider or carousel layout with star ratings.

• Author Info: Display author name, designation, and customizable avatar image
• Star Ratings: SVG-based star ratings with fractional support (e.g. 4.5 stars) or custom rating images
• Quote Icon: Choose between SVG icon or custom uploaded image for quote decoration
• Flexible Content Ordering: Drag to reorder content sections (quote, content, rating, author)
• RichText Editing: Edit title, testimonial text, author name, and designation directly in the editor
• Per-slide Background: Individual background color, gradient, and image with overlay and opacity controls
• Responsive Design: Fully customizable columns and spacing for Desktop, Tablet, and Mobile
• Advanced Transitions: Slide, Fade, Cube, and other 3D effects powered by Swiper.js

Key Features

• Multiple Transition Effects: Slide, Fade, Cube, Coverflow, Flip, Cards, and Creative effects
• Fully Responsive: Separate settings for Desktop, Tablet, and Mobile
• Navigation Controls: Customizable arrows (icons or images) and pagination (bullets, fraction, progressbar)
• Performance Optimized: Built with Swiper.js for smooth, hardware-accelerated animations
• Accessibility Ready: Keyboard navigation, ARIA labels, and touch support
• Custom Styling: Full control over colors, typography, spacing, borders, and shadows
• Google Fonts: Built-in typography options with Google Fonts integration

Support

If you have any questions, please email us at gsliderblocks@gmail.com