23+ Best WordPress Gutenberg Editor Blocks Plugins: New Content Blocks

Published on November 23rd, 2020

Last Updated on April 8th, 2021

Tags: ,

Share This Article

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.

In this post, I’ve collected 23 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 designs 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 15 new blocks, with more on the way:

Article Continues Below

  • 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.

Article Continues Below

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

5. 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

6. 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.

Article Continues Below

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

7. 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

8. 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

A 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

9. 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

10. 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

11. 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

12. 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 expand 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. Also, you can build responsive columns, set margins, and padding, and apply different options for three different devices: PC, tablet, and mobile phone. Set the background color, or build an image, gradient, or video background. What is more, you can add a custom shape.

Get ZeGuten

13. 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

14. 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 post’s 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.

You can also check out our review of the Kadence theme from the same developer.

Get Kadence Blocks

15. 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

16. Ultimate Addons for Gutenberg

UAGG

Ultimate Addons for Gutenberg is a popular block plugin from Brainstorm Force, the same team behind the Astra theme, which is the most popular non-default theme of all time.

Part of the reason behind Ultimate Addons for Gutenberg’s popularity is that it comes bundled with many of Astra’s starter sites. But it’s also just generally a really flexible option that comes with a bunch of customizable blocks.

You’ll get a good mix of basic foundational blocks, such as blocks for advanced headings, columns, multi buttons, etc. as well as blocks for specific use cases such as price lists, social share icons, testimonials, and more.

In total, there are 25+ blocks to choose from. One of my favorites is the FAQ Schema block, which lets you set up a schema-enabled FAQ section to try to get your site in Google’s FAQ snippets in the SERPs.

Currently, Ultimate Addons for Gutenberg is 100% free.

Get Ultimate Addons for Gutenberg

17. GenerateBlocks

GenerateBlocks

Personally, GenerateBlocks just might be my own favorite WordPress block plugin. It comes from Tom Usborne, the same developer of the popular GeneratePress theme. And just like GeneratePress, GenerateBlocks comes with clean code and no bloat.

GenerateBlocks only comes with four blocks, which might seem limiting at first. However, Tom has put a lot of thought into these four blocks and they’re really the only blocks you’ll need 90% of the time.

The four blocks are:

  • Container – organize your content into rows and sections.
  • Grid – create flexible grids with responsive settings.
  • Headline – create advanced headings with custom typography and icons.
  • Buttons – create better buttons.

Each block comes with tons of settings and gives you all the features you need. Overall, I love this one and it’s the only block plugin I’m using on pretty much all my sites.

GenerateBlocks is also 100% free.

Get GenerateBlocks

18. Genesis Blocks

Genesis Blcoks

Genesis Blocks is a new WordPress block plugin from StudioPress, the same team behind the popular Genesis Framework (hence the name).

However, you don’t need to be using the Genesis Framework to use Genesis Blocks – these blocks will work with any WordPress theme.

In total, the free version gives you access to 15+ new blocks. These blocks focus somewhat on foundational elements with blocks for sections, containers, advanced columns, and more.

There are also some blocks for specific elements such as pricing tables, testimonials, and share icons.

While the core plugin is available for free at WordPress.org, there’s also a premium version called Genesis Pro that adds two new blocks and a bunch of full-page layouts and section templates, as well as access to the Genesis Framework and all StudioPress child themes.

However, Genesis Pro is pretty pricey if you only want the blocks – it costs $30 per month.

Get Genesis Blocks

19. Otter

Otter

Otter is a popular collection of page building blocks from ThemeIsle that includes both blocks and pre-built templates.

It includes basic foundational blocks including sections and advanced headings. However, it also includes some really unique options such as a Lottie animation block, a plugin card block (for listing plugins from WordPress.org), and lots more.

You can also easily include pre-built block section templates and then customize them according to your needs.

Get Otter

20. Gutentor

Gutentor

Gutentor is a free collection of page building blocks for Gutenberg that also includes customizable templates.

You’ll get tons of new blocks for everything from layouts to content, post lists, and more. In total, there are over 31+ blocks including unique options such as restaurant menu, video popup, custom query, and more.

Overall, if you want access to a huge selection of blocks in one plugin, this is another good one to check out.

Get Gutentor

Meow Gallery

Unlike a lot of the other more general block collections, Meow Gallery is only focused on one specific type of block – a gallery block.

However, while its focus is limited, that means it can do a really good job of letting you add a gallery in the block editor.

It offers multiple layouts including:

  • Tiles
  • Masonry
  • Justified (like Flickr)
  • Square (like Instagram)

The premium version also has a really unique option that lets you display your gallery items on a map, which is awesome for travel bloggers. There are also some other advanced options such as an Adobe Lightroom integration.

The free version is available at WordPress.org and the premium is quite affordable starting at just $19.

Get Meow Gallery

22. CodeMirror Blocks

CodeMirror blocks

CodeMirror Blocks is another useful niche block. As the name suggests, it helps you embed code snippets in your content using the CodeMirror library, which offers 56+ themes and supports over 100+ programming, scripting, and markup languages.

If you often write tutorials that include code snippets, this is a really useful block to have.

Get CodeMirror Blocks

23. Structured Content (JSON-LD) #wpsc

FAQ block

Finally, we have one last niche plugin – Structured Content (JSON-LD) #wpsc. This is a really useful plugin that I’ve started using on my sites.

It only gives you a few blocks, but they’re super useful blocks because they let you add schema markup for the following elements:

  • FAQ
  • Job
  • Person
  • Course

Personally, I’ve been using the FAQ block to add a FAQ for my human visitors while also including the FAQ JSON-LD structured data so that I can try to get those rich snippets in search.

Overall, this is just generally a really useful option to easily add the above schema types on a page-by-page basis. It’s also 100% free, which never hurts.

Get Structured Content (JSON-LD) #wpsc

There Are More Gutenberg Blocks Plugins On The Way

One of the great things about the block editor is how easy it is to extend. With all the options on this list, you’re spoiled for choice.

Find the ones that you like and enjoy your newfound design power!

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

A team of WordPress experts that love to test out new WordPress related software, WordPress plugins and WordPress themes.