14 Best WordPress Gutenberg Editor Blocks Plugins: New Content Blocks

The WordPress Gutenberg editor brings a new block-based approach to creating content in WordPress. Rather than a single unified text box like the classic TinyMCE editor, each bit of content in Gutenberg is its own block:

  • A paragraph is a block
  • Each image is its own block
  • A blockquote is its own block
  • …you get the idea.

One of the awesome features this opens up is the possibility for third-party developers to add their own blocks that you can use while creating content with Gutenberg.

That potential has already led to the release of a number of quality Gutenberg blocks plugins.

In this post, I’ve collected fourteen of the best Gutenberg blocks plugins that give you access to awesome new content blocks in Gutenberg.

Check ’em out if you want to expand what the Gutenberg editor can do!

How Do Gutenberg Blocks Plugins Work?

The way that Gutenberg block plugins work is pretty simple, but I still want to lead with this section because the Gutenberg editor is brand new and you might not be familiar with it yet.

Basically, all of these plugins are just “plug and play”. That is, all you do is install and activate the plugin. Then, you can immediately start using your new blocks from the regular Gutenberg interface.

The 14 Best Gutenberg Blocks Plugins

1. Gutenberg Blocks Design Library

Gutenberg Blocks Design Library

Create complex page layouts directly in Gutenberg editor without messing with buggy columns and sections. Quickly prototype page layouts to present your clients right in WordPress. Get the job done in minutes not hours. WPDesignHub plugin is a collection of ready-to-use section designs created using default Gutenberg blocks. No extra JS or CSS calls on your pages. Maximum performance and compatibility with any Gutenberg-ready theme.

Gutenberg Blocks Design Library

This plugin is a real asset for agencies and web designers who want to start using the new WordPress page builder but find it too limited when it comes to creating advanced page designs. The plugin developer is building the biggest design library for WordPress releasing new design bi-weekly. Their target is 1000 custom designs by the end of 2019 covering all the possible layout variations for your next WordPress project.

2. Atomic Blocks

atomic blocks gutenberg blocks plugin

Atomic Blocks is a set of new Gutenberg blocks from the same team behind Array Themes, a popular theme shop with a great reputation for writing quality code.

Currently, Atomic Blocks adds 11 new blocks, with more on the way:

  • Post grid
  • Container
  • Testimonial
  • Inline notice
  • Accordion
  • Share icons
  • Call-to-action
  • Customizable button
  • Spacer & divided
  • Author profile
  • Drop cap

Once you install the plugin, you’ll get a new Atomic Blocks section in the Gutenberg interface:

new blocks for the WordPress gutenberg editor

If you want to see live demos of all the blocks, head here and scroll down. You’ll get an option to click View Block Demo for each block.

All the new blocks are built to work perfectly with the associated Atomic Blocks WordPress theme – but you can use Atomic Blocks with any theme.

Get Atomic Blocks

3. Guteblock

Gutenberg Blocks Plugin Guteblock

Guteblock brings in a bunch of amazing Gutenberg blocks that enables to build a perfect website effortlessly. Initially launched with a few blocks, the core plugin would expand its collection soon, offering over 34 blocks in the free version. Currently, the plugin comprises of the following 12 blocks:

  • Team Members Block
  • Testimonial Block
  • Container Block
  • Post Grid Block
  • Separator Block
  • Number Box Block
  • Drop Cap Block
  • Notification
  • CTA
  • Author Profile
  • Sharing Icons
  • Spacer and Divider Block

These are the list of upcoming blocks that will enhance Guteblock’s free version soon.

  • Accordion
  • Advanced Columns
  • Blockquote
  • Button
  • Cards
  • Count Up
  • Feature Grid
  • Google Maps
  • Custom Header
  • Icon List
  • Image Box
  • Inline Notice
  • Newsletter
  • Pricing Table
  • Video Box
  • Video Popup

The team is also planning for a premium version featuring some advanced blocks. The Guteblock Pro version would comprise blocks such as Quick Contact block, Amazon Affiliate Link Block, PayPal Donation Block, Stripe Payment Block, Add Event to calendar Block, Advanced Button Block and much more.

The best part is that the team has also developed a flexible blog and magazine WordPress theme, that harnesses the potential of Gutenberg blocks. The Guteblog Pro theme offers 9 high-quality layout designs that are suitable for building a perfect blog or magazine website. The ready-to-use demos enable to set up a website in minutes.

Get Guteblock

4. Ultimate Blocks

Ultimate Blocks

Ultimate blocks is another plugin that enables you to add blocks for the Gutenberg Editor. The main goal of this plugin is to make it very simple to make your content more engaging when using the Gutenberg editor.

And it does that by having 18 blocks and more coming. Here are the 18 blocks already available:

  • Content Filter
  • Review (Schema Markup Enabled)
  • Table of Contents
  • Tabbed Content
  • Call to Action
  • Content Toggle (Accordion)
  • Feature Box
  • Notification Box
  • Number Box
  • Testimonial
  • Click to Tweet
  • Social Share
  • Countdown
  • Progress Bar
  • Star Rating
  • Image Slider
  • Button (Improved)
  • Divider

Once you’ve installed the plugin, you will see all blocks under Ultimate Blocks section.

One of the cool blocks that they added recently is the content filter block which enables you to showcase different tools/tips or whatever and let the user filter the ones that appear to him. You can check out the demo here.

The customization features of this plugin are super simple but highly flexible.

Get Ultimate Blocks

4. Qubely

qubely themeum

Qubely is a complete Gutenberg toolkit with plenty of custom blocks, predefined sections, and modern layout packs. It minimizes the limitations of the Gutenberg editor and extends it with many custom blocks that are missing. It enables you to create any simple to complex content on a website using the Gutenberg block editor.

qubely

Qubely lets you take full control of the Gutenberg editor and apply out of the box styling options. Create stunning as well as mobile-optimized web pages with Qubely. Qubely has 24 custom blocks and more will be added in the future. Some of the notable Qubely blocks are:

  • Row
  • Timeline
  • Post Grid
  • Accordion/Toggle
  • Advanced Text
  • Video Popup
  • Google Map
  • Progress Bar
  • Button
  • Testimonial
  • Heading
  • Counter
  • Tabs
  • Icon
  • Divider
  • Social Icons
  • Button Group
  • Button
  • Info Box
  • Advanced List
  • Contact Form
  • Icon List
  • Pricing
  • Block Wrapper
  • Team
  • Image

Unlike other regular blocks, Qubely blocks are highly functional and rich. They offer unlimited possibilities with their customization and styling options.

Get Qubely

5. Stackable

stackable

Stackable is another Gutenberg block plugin that seems to be getting some traction. It currently offers 24+ page building blocks, including some more advanced blocks.

You can check out the full list on the plugin’s page, but here are some of my favorites:

Like Atomic Blocks, you get a new Stackable area in the Gutenberg interface after installing the plugin:

 

Stackable Blob

Stackable’s powerful options are provided in a very user-friendly and manageable UI achieved by their three-tab configuration. You can even use a single block as a stand-alone section, which can easily be achieved by turning on the block background settings (a uniquely Stackable feature).

Don’t forget to check out their design library with over 230(!) Pre-set block designs.

Stackable Design Library

Get Stackable

6. Toolset Blocks

Toolset Blocks allows you to create custom websites exactly how you hoped they would look without any coding at all – and without needing another page builder plugin.

As one of many plugins that are available for Toolset clients (it also comes with custom post types, forms, and maps, to mention a few), Toolset Blocks is a great option both for programmers who want to save time designing their websites and for non-coders who have previously struggled to build the exact websites they wanted.

Uniquely, Toolset’s blocks are dynamic, meaning you can build a template using blocks and each post or page using that template will display the correct relevant content. For example, imagine you have a number of posts about different gyms on your website. With dynamic content, the same heading block will display the correct name for each of the gyms.

Toolset Blocks now comes with WooCommerce Blocks for Toolset, so you can also build custom WooCommerce websites with no coding.

Get Toolset Blocks

7. Getwid

getwid gutenberg blocks plugin

This plugin provides both static and dynamic blocks with extensive configuration settings. Some of the blocks can also be styled with custom CSS.

Though released not that long ago, Getwid already offers an impressive collection of 24+ new Gutenberg blocks, including:

  • Section (Container) – the most appreciated by users in WordPress.org reviews
  • Advanced Heading
  • Image Stack Gallery
  • Instagram
  • Banner
  • Testimonial
  • Price Box
  • Social Links
  • Recent Posts
  • Counter
  • Progress Bar

Full list of Getwid blocks with live demos for each can be found here.

getwid gutenberg blocks plugin

Getwid works with any WordPress theme and will inherit its style unless you dictate otherwise. Alternatively, you may go with Getwid free starter theme – Getwid Base. The theme is designed exclusively for Getwid and ensures maximum compatibility in terms of color settings, font choices, alignments, etc.

Get Getwid

8. Advanced Gutenberg

advanced gutenberg plugin

Advanced Gutenberg is a neat option from JoomUnited that we recently reviewed in more depth. Unlike the previous two plugins, Advanced Gutenberg adds more than just blocks.

You do get new blocks, though – 12+ new blocks to be exact, including blocks for:

  • Icon lists
  • Google Maps
  • Accordions
  • Tabs
  • Advanced tables
  • Advanced buttons

Beyond that, Advanced Gutenberg also adds some back-end settings, the most powerful of which is access controls for Gutenberg. You can create custom “profiles” for user roles or individual users that control exactly which blocks those users have access to:

gutenberg editor roles

Get Advanced Gutenberg

9. Advanced Gutenberg Blocks

advanced gutenberg blocks plugin

Not to be confused with Advanced Gutenberg above, Advanced Gutenberg Blocks adds 10+ new Gutenberg blocks, with some of the most notable ones being:

  • Website card preview (creates a preview that looks like what happens when you share a website on Facebookrequires a free OpenGraph API key)
  • WordPress plugin card (lets you display information from WordPress.org in your posts great for WordPress blogs)
  • Testimonials

website preview

Beyond adding new blocks, the plugin also lets you hide Gutenberg blocks from the interface (including default blocks).

Get Advanced Gutenberg Blocks

10. CoBlocks

coblocks

CoBlocks brands itself as “Gutenberg Blocks for Content Marketers”, which should give you a good idea of who the target audience is for this plugin.

Built by the same team behind ThemeBeans, CoBlocks currently adds 10+ new blocks, including some unique ones like:

  • Author block
  • Dynamic HR block
  • Click to Tweet block
  • Gif block
  • GitHub block
  • Pricing table block
  • Accordion block

All the blocks sit inside a new CoBlocks section in Gutenberg:

click to tweet gutenberg block

Get CoBlocks

11. ZeGuten

ZeGuten

Are you ready for the best must-have and ultra-responsive WordPress plugin? Then meet ZeGuten – a multifunctional and SEO-optimized blocks plugin for Gutenberg. It includes 11 stunning blocks for building a website for any purpose. Use section blocks as a main container for the other blocks. This will help you to expend the customizable possibilities. Moreover, ZeGuten is under development and a lot more block will appear soon.

In case you are planning to build a blog website, meet 5 stylish layouts to choose from: grid, masonry, chess, listing and carousel. In addition, you can build responsive columns, set margins and paddings and apply different options for three different devices: PC, tablet and mobile phone. Set the background color, or build image, gradient or video background. What is more, you can add a custom shape.

Get ZeGuten

12. Bokez

bokez

Bokez doesn’t have many installs right now, but that pretty much describes most plugins that add new Gutenberg blocks at this time.

Currently, Bokez adds 13+ new blocks to Gutenberg, including blocks for:

The blocks are mixed in with all the other Gutenberg blocks, which makes them a bit hard to find. But once you find them, they look pretty good and give you plenty of customization options:

pricing table block

Get Bokez

13. Kadence Blocks

kadence blocks

Kadence Blocks is unique in that its more focused on adding layout blocks than content blocks, at least right now.

For example, right now the biggest feature is probably the Row Layout block. This one lets you nest 1-6 columns inside, which can contain any of the other blocks you have access to.

You can also add your own backgrounds, as well as custom margins/padding for both desktop and mobile devices.

I played around with it on my test site and found it more usable than the current beta column widget in the Gutenberg core. It functions a lot like setting up a row in a page builder and gives you different column structures:

gutenberg row block

Beyond the Row Layout block, you also get access to:

  • Advanced Heading – this one helps you customize your posts heading.
  • Advanced button
  • Icon
  • Spacer / Divider

All the blocks are modular, which means you can deactivate any blocks that you don’t want to use.

I’m excited to see how this one develops, as right now columns are still one of the areas where Gutenberg is lagging.

Get Kadence Blocks

14. Editor Blocks

editor blocks

Editor Blocks is another good option that adds new content blocks to Gutenberg. Currently, Editor Blocks adds 10+ new Gutenberg blocks, including:

  • Hero Block (my favorite) – makes it really easy to create hero areas with a CTA.
  • Pricing table
  • Team members
  • Wrapper block
  • Testimonial
  • Brands (e.g. a logo grid of customers or places that you’ve been featured)

The blocks look pretty great. And I love that they’re branching into “bigger” things like full hero sections:

gutenberg hero block

If you want to see them all in action, this page is built completely with Editor Blocks.

And like Atomic Blocks, there’s also an optional Editor Blocks theme that’s built to pair well with all the new blocks.

Get Editor Blocks

There Are More Gutenberg Blocks Plugins On The Way

At the time that we’re initially publishing this post, WordPress 5.0 still hasn’t been released.

Once Gutenberg becomes a part of the core, we’ll surely see more developers doing even neater things.

But for now, these plugins are already doing a pretty cool job of extending Gutenberg’s functionality and giving you more control over your content.

If you’re already going full-steam ahead with the plugin version of Gutenberg, give them a look! And if you’re not, remember this post for when WordPress 5.0 ships because it will help you make Gutenberg more powerful.

Have any other Gutenberg add-on plugins that are worth sharing? Let us know in the comments!

Colin Newcomer

Colin Newcomer

Colin Newcomer is a freelance writer and long-time Internet marketer. He specializes in digital marketing, WordPress and B2B writing. He lives a life of danger, riding a scooter through the chaos of Hanoi. You can also follow his travel blog.

Related Articles

Coupons

7 thoughts on “14 Best WordPress Gutenberg Editor Blocks Plugins: New Content Blocks”

  1. Thanks for the post! I’m loving the imgMCE plugin that integrates with Gutenberg perfectly! It allows you to create all kinds of animated HTML elements and edit images directly from Gutenberg. Definitely worth looking into! https://imgmce.com

  2. While I am very excited for Gutenberg to launch into the WordPress core. I am still unsure how users will transition smoothly from the old editor to Gutenberg. It seems that blocks are the new WordPress shortcodes.

Comments are closed.

THE #1 WORDPRESS THEME BUILDER

Create Your Own

Building beautiful WordPress websites has never been easier. Explore the visual drag & drop Theme Builder that does it all, and works on any theme. Coding skills needed: none.