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 eight 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 9 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.
Article continues after this block
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. 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:
5. 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:
8. 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.
9. 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!