WordPress Slider Block Gutenslider


Gutenslider is an image slider and video slider plugin for WordPress that adds a simple to use Gutenberg slider block to your WordPress editor. You can add any content on top that you want! Gutenslider is faster and slicker than any other slider around. Go and try it out yourself and make use of a content slider, image slider and video slider that will increase user engagement on your website and allow you to create your sliders in seconds not in minutes, by using the Gutenberg backend editor you know already. No need to study complicated backend editors. Gutenslider is the best match for you and your customers.

Live Examples

With Gutenslider, enhancing your blog or website is easier than ever:

  1. Simply add the Gutenslider Block from the Gutenberg backend
  2. Select images from your Media Library
  3. Add any Block you like on top
  4. Customize Gutenslider to your needs in the backend
  5. Slide! 👩‍🎤

Gutenslider is easy to use, fast, and very powerful and developed by trusted developers.

Plugin Features

  • Add Unlimited Slides
  • Change the transition mode: fade/slide
  • Add any block on top that you want
  • Block Alignment: Wide, Full
  • Content Alignment: Top, Center, Bottom
  • Arrows on/off
  • Arrow size
  • Dots on/off
  • Dots size
  • Spacing: top/bottom and left/right
  • Automatic Captions
  • Fullscreen slider (slider will be in the background of your content).
  • Very easy to use because it is a Gutenberg block – no need to go away from your backend editor
  • Hyperlink Slides

Plugin Pro Features 💎

  • Video Slider: add videos to your slide backgrounds
  • Fullscreen Sliders
  • Parallax Sliders
  • Transition time
  • Time of a slide
  • Color overlays of slides
  • Gradient overlay of slides
  • Bulk Editing
  • Arrow color / Arrow Background Color
  • 10 Arrow styles
  • Dots color
  • Dots style
  • Responsive Spacing Controls
  • … and of course all free features

Free 7-day trial, no credit card required

So you can easily create a Fullscreen Video Slider for your blog or websitee with Gutenslider Pro. And even go more custom by, creating Full Screen Video Background ! Sliders !. There is no limit to your creativity.

Slider Modes

Changing Content

The slider mode you will most probably know. Each slide has a custom background and custom content.

Fixed Content

In this mode you select fixed content, that will stay on top, while the background changes and loops all slides. Great for headlines, call to actions. You name it!

Gutenslider is built using WordPress, CSS, Javascript, best practices both on the front and the backend. And it’s seo optimized. It makes use of the new Gutenberg powers built in react. As a result, it is robust, easy to use and lightning fast. It works with any theme. Go and check it out.

Help us get better

We know, that Gutenslider is nice, but we also know, that we can constantly improve. Not only code quality and security, but also features and user experience. For the latter, we need your help. If you think that we should change things. Be so kind and leave us a support or feature request in the support forum. Thanks.

Installation 🔧

Minimum Requirements

You’ll need WordPress version 5.0 or higher for this to work. For versions below 5.0, you will need to use the Gutenberg plugin.

Quick and Fast

  1. Go to the Plugins Menu in WordPress
  2. Search for «Gutenslider»
  3. Click «Install»
  4. Activate the Gutenslider Plugin on your Plugins Menu

Experienced Users (same result)

  1. Upload the gutenslider folder to the /wp-content/plugins/ directory
  2. Activate the plugin through the ‘Plugins’ menu in WordPress

Frequently Asked Questions ❓

What blocks are supported

Gutenslider works with any blocks on top. However there might be styling issues or things to improve. Either write your own custom css or submit a support request in the support forum. If it is a commonly used block, we will integrate the needed styles into Gutenslider.

Can I use Gutenslider with any theme?

Yes, you can use Gutenslider with any theme. If you experience difficulties, please contact your theme author first, before submitting a topic in the support forum.

Is Gutenslider free?

Yes! Gutenslider’s core features are absolutely free.

Can you provide support?

Yes, just post a question on the support tab, and we will answer as soon as possible.

Can you add this feature I need?

We are happy to extend Gutenslider to our users’ needs. Just contact us on our website at https://gutenslider.org and we will see what we can do.

What is Gutenberg

To get the full experience of the next-generation WordPress block editor, you’ll need a Gutenberg-ready WordPress theme then install the Gutenberg WordPress plugin or simply update your site to WordPress 5.0. That’s it! 💥

Visit us 🔗

Visit us on https://gutenslider.org to see a full overview
of features or follow our blog.

Powered by

Gutenslider is made possible by awesome developers who release their code under reusable licenses. We use the following open source software:


  • Gutenslider in Action (Frontend)


Este plugin proporciona 2 bloques.



7 de octubre de 2020
Unlike other plugins that add sliders I do not want my clients to study handbooks of some complex plugins. When I work together with small agencies and do their theming, I include gutenslider as a default plugin, as it is very easy for non professionals to create slideshows with it.
22 de septiembre de 2020
Installed this thinking it was going to add options for full width sliders and some other options. But it only works with some themes, not all otherwise you have to manually add code for this plugin to function and it still doesnt with some themes. During activation it cause it to hang and present a 504 error. Almost impossible to delete also. While deleting the plugin it attempts to remove files that belong to other plugins. Had to delete it directly form the wordpress.com ftp plugin folder. The idea and concept is great but this may not be a good plugin for all looking for photo sliders.
21 de septiembre de 2020
Hey people, I really waited long for the auto height feature of your plugin and used other sliders from block libraries just because it was not possible to have uncropped images on your sliders. As I have seen, you added that feature in 4.2. Thank you very much for that. Now I can use your plugin again, that I really love for its rich set of features and fast setup compared to others. Amie
16 de septiembre de 2020
hey gutenslider team, this is awesome and just what i was looking for. i love the gradient options in pro, especially overlays to make my images more vivid. it saves me alot of photoshop time.
Leer todas las 31 reseñas

Colaboradores y desarrolladores

«WordPress Slider Block Gutenslider» es un software de código abierto. Las siguientes personas han colaborado con este plugin.


«WordPress Slider Block Gutenslider» ha sido traducido a 4 idiomas locales. Gracias a los traductores por sus contribuciones.

Traduce «WordPress Slider Block Gutenslider» a tu idioma.

¿Interesado en el desarrollo?

Revisa el código , echa un vistazo al repositorio SVN o suscríbete al registro de desarrollo por RSS.

Registro de cambios


  • Fix a block validation console error


  • Update Maximum slide animation duration


  • Fix arrows styles in pro.


  • Fix arrows always displaying issue.


  • Add affiliation program with 30% commission


  • Add arrow color customization to free version
  • Add arrow styles, all arrow colors, arrow background color, arrow mix-blend-mode to pro version


  • Fix a bug with background images on transparent background slides


  • Add a contact page to the Gutenberg Admin


  • Update style and functionality of the Unit Button to match new Gutenberg style



  • (re)add slide parallax to pro slider


  • fix alignment matrix and unique id deprecation bugs


  • add an unique id to sliders and slides for developers and designers


  • remove obsolte inspector controls
  • update readme


  • Fix a bug where dots overlay slide content too much


  • Add new alignment matrix feature
  • fix adaptive height + fixed content bug
  • fix responsive paddings on small devices bug


  • Update readme to reflect changes in slider


  • adaptive height fix in free version


  • add Auto Height slider option


  • increase overall speed by minifying slick css and merging into 1 file
  • increase page speed score by unloading slick font
  • fix automatic video playing on iOS


  • increase WordPress compatibility to 5.5.1
  • fixed 916 vulnerabilities in 1263 node packages
  • update vertical alignment toolbar
  • fix a bug that made adding two sliders to a page/post impossible
  • fix styles
  • update gradient picker ( pro )


  • increase WordPress compatibility to 5.5
  • update freemius sdk to 2.4.0


  • fix dots and arrow enable/disable in free version


  • update plugin description


  • Add editor block preview


  • Remove redundant add slide button from user interface


  • Add Feature: Focal Point Picker for Background
  • Add Feature: Gradient Background (Pro)
  • Add Feature: Transparent Background
  • Add Feature: Contain Background
  • User Interface Improvements
  • User Experience Improvements


  • Undo conditional loading due to complications on different users’ themes (will come back to that later, when there is more time for testing)


  • Improve performance: Only load gutenslider scripts and css if block is used on the page / post. Dramatically improve performance for all pages that do not use the gutenslider block.


  • Fix a bug that was not displaying buttons on WordPress 5.3


  • Style fixes for Gutenberg 7.7
  • Update deprecated functions


  • Style fixes for WordPress 5.4


  • Security: Fix 12 low level vulnerabilities
  • Code Quality: update deprecated methods
  • increase compatibility for WordPress 5.4


  • Fix a bug with responsive spacing on fixed content sliders


  • add responsive controls
  • add icons to editor panels
  • decrease file size (remove unneeded css)
  • restructure code (make more fail safe)
  • update all npm dependencies (security++)


  • fixed a bug introduced in 2.9.4


  • Improve and remove unused CSS – dont override other slick sliders,


  • Add a «loop» setting to Gutenslider that allows disabling infinite mode (default: true)


  • Fix a fatal error when updating Gutenslider


  • Update the readme to reflect new features
  • Update language strings, i18n


  • improve admin page style and load time
  • update freemius version to 2.3.2


  • Fix an issue with uploads (https://wordpress.org/support/topic/images-are-duplicated-when-uploaded-from-the-gutenslider-block/)


  • Fix an issue with unit button (https://wordpress.org/support/topic/the-percent-pixel-height-selector-doesnt-work/)


  • Fix an issue that did not show slides with only video content in the frontend


  • Update WordPress compatibility to 5.3


  • Update WordPress compatibility to 5.2.4


  • Small style bugfixes


  • Small style bugfixes


  • Add admin page with tutorials


  • Increase compliance with WordPress plaugin naming conventions
  • Reduce possible interference with other plugins


  • Update the readme to mirror all updates


  • Fix a bug with vertical align and refactor code
  • Fix a overflow bug in the editor that showed a scrollbar when not needed


  • Remove left, center, right align


  • Add vertical align option to the WordPress slider and to carousel slides


  • Compatibility with cutting edge features in Gutenberg 2.6.0
  • added a LICENSE


  • rewrite of UnitButton Component


  • possible fix of a recursive error in the react component


  • increase WordPress compatibility to 5.2.3


  • add an option that allows to hyperlink your slides


  • update demo video + small bugfixes
  • fixed a bug with the slider height


  • fix unwanted slider height changes introduced in 2.6.0


  • fix migration errors that occured in 2.6.0


  • allow to set fixed slider height in pixels (px) besides the option to set it relatively to the viewport height.


  • update description
  • fix linter errors
  • fix error with dragging slides


  • update description and wrong links


  • fix an issue that did not allow custom class names


  • add inner block background color for easier visual grepping


  • remove blinking of the slider when fade mode is set


  • Improve fade Transition to fade more smoothly


  • improve fade transition


  • make user experience much better by preloading first slide


  • add slider a background color to show when loading


  • style fixes
  • change default spacing to 30px


  • add more image sizes to improve page loading speed – recommended plugin: regenerate thumbnails


  • improve ui and add introduction video


  • improve ui to show block inserter better


  • include dashicons on frontend


  • fix a bug with responsive image preloading


  • fix a bug with multiple sliders per page


  • include imagesLoaded for smother sliding


  • Reorder backend for better user experience
  • add arrow styles
  • add dot styles
  • fix image drop upload
  • fix error with old WordPress Versions without register_block_type
  • update icons


  • Increase user experience by fixing an error when dropping files on Gutenslider Block


  • Enable block alignment left, center, right
  • style inner blocks


  • Style inner blocks


  • Fix dynamic block frontend


  • Add sliding content mode
  • Make Gutenslider a dynamic block


  • Update Styles for more default block integration (twitter, soundcloud, spotify, youtube)
  • Update Readme


  • Block Deprecation now works, removed unneeded scripts, smaller size


  • First Version