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 thirteen 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 13 Best Gutenberg Blocks Plugins
1. 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.
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 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
- Inline notice
- Share icons
- 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:
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.
Stackable is another Gutenberg block plugin that seems to be getting some traction. It currently offers 17+ new 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:
- Pricing box
- Video popup
- Team members
- Call to action
- Improved button
- Expand/show more
Like Atomic Blocks, you get a new Stackable area in the Gutenberg interface after installing the plugin:
The blocks look pretty great and you get a good number of customization options for each block in the sidebar.
4. 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
- Click to Tweet
- Social Share
- Progress Bar
- Star Rating
- Image Slider
- Button (Improved)
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.
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 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:
- Post Grid
- Advanced Text
- Video Popup
- Google Map
- Progress Bar
- Social Icons
- Button Group
- Info Box
- Advanced List
- Contact Form
- Icon List
- Block Wrapper
Unlike other regular blocks, Qubely blocks are highly functional and rich. They offer unlimited possibilities with their customization and styling options.
6. Toolset Blocks
Toolset Blocks allows you to create custom websites exactly how you hoped they would look without any coding at all.
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.
Not only that but you will save significant time building your sites. Instead of designing your website on one platform and implementing it on another you can now do everything in the WordPress Block Editor using Toolset Blocks.
With Toolset Blocks, you can make your content dynamic meaning that each of your blocks in a template will display the correct content for each post. 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 also comes with its own unique blocks such as the Container Block which you can use to group your blocks together and create unique designs that will appear on all of the posts you assign it to.
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
- Price Box
- Social Links
- Recent Posts
- Progress Bar
Full list of Getwid blocks with live demos for each can be found here.
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.
8. Advanced Gutenberg
You do get new blocks, though – 12+ new blocks to be exact, including blocks for:
- Icon lists
- Google Maps
- 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:
9. Advanced Gutenberg Blocks
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 Facebook – requires a free OpenGraph API key)
- WordPress plugin card (lets you display information from WordPress.org in your posts – great for WordPress blogs)
Beyond adding new blocks, the plugin also lets you hide Gutenberg blocks from the interface (including default blocks).
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:
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:
- Pricing table
- Post grid
- Progress bar
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:
12. 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:
Beyond the Row Layout block, you also get access to:
- Advanced Heading – this one helps you customize your posts heading.
- Advanced button
- 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.
13. 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
- 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:
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.
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!