10 Best WordPress Plugins for Gutenberg

By: Aliko Sunawang
Updated:
Feb 13, 2024

Do you enjoy using Gutenberg to create pages on your WordPress website? If so, you might need one of the plugins on the list below.

Gutenberg is not just a content editor to create blog posts and other content types. Instead, you can also use it create the core pages on your website. From homepage, about page, contact page, and so on. The problem with Gutenberg when it comes to page building is that it has extremely limited built-in styling options. But today, there have been many WordPress plugin developers — be it companies or individuals — that develop plugins designed specifically for Gutenberg to address the issue.

We have explored and curated the best WordPress plugins developed specifically for Gutenberg. They offer useful blocks with more styling options to allow you to create more compelling pages with the native WordPress editor.

1. Kadence Blocks

Kadence Blocks is one of the best plugins to create pages with Gutenberg. The plugin offers a set of handy blocks to enhance the experience of page building with Gutenberg. All blocks offered by Kadence Blocks comes with extra settings to make it easier for you to apply certain stylings to the elements on your page. For instance, it has a block called Advanced Text.

The block comes with advanced settings such as the ability to set font family, font size, font line height, and so on. It also has a block called Advanced Buttons that offers more styling options that the native Button block of Gutenberg.

In addition to regular blocks dedicated to adding design elements, Kadence Blocks also offers blocks dedicated to arranging layouts. There are two blocks to make it easier for you arrange the design layouts: Row Layout and Section. Kadence Blocks is released as a freemium plugin. The free version of the plugin is available on WordPress.org.

Here are the blocks offered by Kadence Blocks:

  • Row Layout
  • Section
  • Accordion
  • Advanced Gallery
  • Advanced Buttons
  • Advanced Text
  • Countdown
  • Count Up
  • Form
  • Google Maps
  • Icon
  • Icon List
  • Info Box
  • Advanced Lottie Animations
  • Posts
  • Show More
  • Spacer/Divider
  • Table of Contents
  • Tabs
  • Testimonials

2. CoBlocks

CoBlocks is a contribution from GoDaddy for the WordPress community. The plugin is released as a free plugin — without a pro version like Kadence Blocks. It has a good reception with over 500,000 active installations according to WordPress.org. With CoBlocks, you can use Gutenberg just like page builder plugins like Elementor and Divi Builder.

The plugin, just like Kadence Blocks, also offers a set of useful blocks. One of the blocks offered by CoBlocks is the Form block which you can use to create a contact form. With the block, you don’t need to install an extra form builder plugin anymore to create a form on your website.

Here are the blocks offered by CoBlocks:

  • Accordion
  • Corousel
  • Shape Divider
  • Social Profiles
  • Stacked
  • Posts
  • Post Carousel
  • Map
  • Counter
  • Dynamic Separator
  • Events
  • FAQ
  • Features
  • Click to Tweet
  • Collage
  • Food Drink
  • Form
  • Logos
  • Masonry Gallery
  • Pricing Table
  • Row
  • Services
  • Offset
  • OpenTable
  • Icon
  • Gif
  • Hero
  • Highlight

3. GenerateBlocks

Do you use GeneratePress theme on your WordPress website? If so, then you can install GenerateBlocks as a complement. Both GeneratePress and GenerateBlocks are developed by the same developer named Tom Usborne. Unlike the first two plugins above, GenerateBlocks doesn’t offer a bunch of blocks.

It offers only six blocks on the free version, but the plugin offers more controls to create a responsive page. You can apply different settings on different device types (desktop, tablet, and smartphone).

GenerateBlocks itself is released as a freemium plugin. In addition to six blocks available on the free version, there are extra blocks you can unlock on the pro version. Here are the blocks offered by GenerateBlocks:

  • Grid
  • Query Loop
  • Container
  • Button
  • Headline
  • Image
  • Accordions
  • Tabs

Also, GenerateBlocks offers handy features like global styles and pattern library.

4. Qubely

Qubely is another worth considering if you look for a WordPress plugin that offers plenty of Gutenberg blocks. The free version alone offers about 29 blocks, including a Contact Form block which you can use to add a simple contact form without installing an extra plugin.

Also, there is a Row block that offers more setting options than the native Column block of Gutenberg. You can use the block to arrange the layout of your page. Qubely is developed by Themeum, the developer of Tutor LMS.

Here are the blocks offered by Qubely:

  • Row
  • Button
  • Advanced Text
  • Icon
  • Google Map
  • Divider
  • Info Box
  • Image
  • Testimonial
  • Accordion
  • Heading
  • Video Popup
  • Progress Bar
  • Counter
  • Tabs
  • Social Icons
  • Contact Form
  • Button Group
  • Advanced List
  • Icon List
  • Block Wrapper
  • Team
  • Pricing
  • Timeline
  • Post Grid
  • Animated Headnline
  • Pie Progress
  • Table of Contents
  • Image Comparison

5. Otter

If you use Neve or Hestia theme on your WordPress site, then you should try Otter as well. Otter is a WordPress plugin developed by ThemeIsle, the developer that also develops Neve and Hestia themes. Otter offers tens of handy blocks to enhance page building experience with Gutenberg.

One of blocks offered by the plugin is Form. You can use the block to create either a contact form or email subscription form. For the second form type, the block supports integration with two popular email marketing services: MailChimp and Sendinblue.

Otter allows you to create a simple popup on your WordPress website without installing a dedicated popup builder plugin. You can create a simple modal popup, with or without a form. Another handy block you can use is Stripe Checkout. As the name suggests, you can use the block to sell digital products directly using Gutenberg.

Here are the blocks offered by Otter:

  • Masonry
  • Accordion
  • Advanced Heading
  • Button Group
  • Circle Counter
  • Countdown
  • Flip Card
  • Icon
  • Form
  • Google Maps
  • Icon List
  • Maps
  • Lottie Animation
  • Popup
  • Posts
  • Progress Bar
  • Product Review
  • Section
  • Sharing Icons
  • Slider
  • Stripe Checkout
  • Tabs

In addition to the above blocks, you can also unlock blocks designed specifically for WooCommerce. However, you need to upgrade to the pro version to unlock them.

6. Genesis Blocks

If you use Genesis Theme, Genesis Blocks is the perfect companion to create pages with Gutenberg. Both Genesis Theme and Genesis Blocks are owned by WP Engine, the popular hosting service in the WordPress scene. Even so, you can use Genesis Blocks on any hosting service, including some WP Engine alternatives like Kinsta, Pressable, to Rocket.net. Also, Genesis Blocks can be used on any WordPress theme, not just Genesis Theme.

Genesis Blocks offers 14 free blocks you can use, including the Email Newsletter block which you can connect with MailChimp. Furthermore, it offers premade block-based templates to streamline your workflow.

Here are the blocks offered by Genesis Blocks:

  • Testimonial
  • Profile Box
  • Notice
  • Drop Cap
  • Spacer
  • Accordion
  • Call To Action
  • Sharing
  • Post and Page Grid
  • Container
  • Pricing
  • Email newsletter
  • Advanced Columns

7. Stackable

Stackable offers more than 30 blocks to ease your job in creating a page with Gutenberg. Surprisingly, it offers no block dedicated to creating a form. Not even a block to create a simple contact form. Thus, you still need to install an extra plugin to add a form to your page.

To streamline your design process, Stackable offers premade block-based templates you can import to your page. You can also keep your Gutenberg editor clean by disabling the unnecessary bocks. Here are the blocks offered by Stackable:

  • Accordion
  • Blockquote
  • Button
  • Icon Button
  • Social Buttons
  • Call to Action
  • Card
  • Carousel
  • Column
  • Count Up
  • Countdown
  • Divider
  • Expand/Show More
  • Featured Grid
  • Feature
  • Heading
  • Hero
  • Horizontal Scroller
  • Icon Box
  • Icon Label
  • Icon List
  • Icon
  • Image Box
  • Image
  • Map
  • Notification
  • Number Box
  • Posts
  • Price
  • Pricing Box
  • Progress Bar
  • Progress Circle
  • Separator
  • Spacer
  • Subtitle
  • Table of Contents
  • Team Member
  • Testimonial
  • Text
  • Video Popup

8. Ultimate Blocks

Ultimate Blocks is another worth trying plugin if you really enjoy using Gutenberg to create pages on your WordPress website. The plugin makes it easy for you to add elements like call to action, star rating, and table of contents. Ultimate Blocks has no block to add form. Also, there is no block to add an icon.

Here are the blocks offered by Ultimate Blocks:

  • Testimonials
  • Call to Action
  • Divider
  • Click to Tweet
  • Social Share
  • Content Toggle
  • Button
  • Tabbed Content
  • Star Rating
  • Table of Contents
  • Progress Bar
  • Countdown
  • Review
  • Image Slider
  • Content Filter
  • Styled Box
  • Expand
  • Styled List
  • Post Grid
  • How To
  • Advanced Heading
  • Advanced Video

9. Essential Blocks

If you have ever used Elementor, or still use it on some projects, you may already familiar with Essential Addons. Both Essential Blocks and Essential Addons are developed by the same developer: WPDeveloper. Just like Essential Addons which offers tens of widgets for Elementor, Essential Blocks also offers tens of blocks for Gutenberg. There are over 40 blocks offered by Essential Blocks in total. Unfortunately, there is no block to create a form.

It does offer two blocks related to blocks, though: WPForms and Fluent Forms. However, these blocks are not designed to create a form. Instead, they are aimed at styling forms you create with WPForms and Fluent Forms. In other words, you still need to install an extra plugin to create a form.

Essential Blocks comes with a block designed to display your Instagram feed. It also allows you to add a map to your page using its Google Maps block. The block supports four map types: road map, satellite view, hybrid, and terrain.

Here are the blocks offered by Essential Blocks:

  • Accordion
  • Button
  • Call To Action
  • Countdown
  • Number Counter
  • Dual Button
  • Flipbox
  • Advanced Heading
  • Advanced Tabs
  • Image Comparison
  • Image Gallery
  • Infobox
  • Instagram Feed
  • Interactive Promo
  • Notice
  • Parallax Slider
  • Pricing Table
  • Progress Bar
  • Slider
  • Social Icons
  • Social Share
  • Team Members
  • Testimonial
  • Toggle Content
  • Typing Text
  • Wrapper
  • Row
  • Post Grid
  • Table of Contents
  • Feature List
  • Fluent Forms
  • Woo Product Grid
  • Advanced Image
  • WPForms
  • Advanced Video
  • Post Carousel
  • Popup
  • NFT Gallery
  • Google Maps
  • Openverse
  • Advanved Navigation
  • Shape Divider

In addition to the above blocks, there are also several other blocks you can unlock if you upgrade to the pro version. If you think the blocks offered by Essential Blocks are too many, you can disable the ones you don’t need.

10. Spectra

If you are looking for a plugin that allows you to add a form to Gutenberg, you can try Spectra. The plugin has a block called Form, which is dedicated to adding a form. There are three form types you can add: contact form, email subscription form, and suggestion form.

Unfortunately, no integration support is available. You can’t connect your form with a newsletter plugin or marketing service. Instead, the data will be sent to your email.

Spectra is a great plugin to create a responsive page with Gutenberg. First, it allows you to hide blocks based on device type (desktop, tablet, and smartphone). Second, you can also show/hide blocks by web browser, operating system, and several other conditions. Spectra also comes with a Container block to make it easier for you to set design layout. Furthermore, Spectra also allows you to create a modal popup. To streamline your design workflow, the plugin also offers premade templates you can choose from.

Here are the blocks offered by Spectra:

  • Container
  • Heading
  • Image
  • Buttons
  • Info Box
  • Call to Action
  • Icon
  • Countdown
  • Blockquote
  • Content Timeline
  • Counter
  • FAQ
  • Form
  • Google Maps
  • How To
  • Icon List
  • Image Gallery
  • Inline Notice
  • Lottie Animation
  • Marketing Button
  • Modal
  • Post Carousel
  • Post Grid
  • Post Timeline
  • Price List
  • Review
  • Separator
  • Slider
  • Social Share
  • Star Rating
  • Table of Contents
  • Tabs
  • Taxonomy List
  • Team
  • Testimonials

Summary

You can use Gutenberg to create stunning pages on your WordPress website, just like page builder plugins like Elementor and Divi Builder. However, given the limited built-in styling options available, you need to install a plugin to ease your job.

Today, there have been plenty of WordPress plugins designed specifically for Gutenberg, like the ones on the list above. You can pick the one that offers the blocks you need.