Originally Published Aug 06 2017, updated Feb 14 2022
WordPress 5.0 is now available! The Gutenberg editor is now the default content editor for WordPress!
Since WordPress released Try Gutenberg Box on the dashboard, we have reason to believe that Gutenberg will soon become the default editor for WordPress..
The new editor will be enabled by default in the next major release of WordPress. — WordPress.com
So What Is Gutenberg Editor?
In short, Gutenberg is a fresh new WordPress editor that provides a modern publishing experience on your WordPress website.
With Gutenberg, you’re able to insert any elements and contents to your Post/Page by adding blocks in the editor.
Learn more about Gutenberg on the official website.
How To Install Gutenberg:
Installing Gutenberg Editor is as easy as installing other WordPress plugins.
Find the installation address of the Gutenberg, Install and Activate the editor and we’re done.
The fastest way is to click the ‘Install Gutenberg’ button on the Try Gutenberg Box.
How to disable the Gutenberg Editor?
You can also install the ‘Classic Editor plugin‘ after Gutenberg is set as the default editor.
10 Best Blocks/Plugins For Gutenberg Editor
One of the biggest advantages of Gutenberg Editor is easy to extend by adding your own custom blocks/plugins.
I did some research and list here the 10 best Plugins and Blocks for Gutenberg Editor. I hope you like it.
1. Page Builder Gutenberg Blocks – CoBlocks
Total downloads: 500,000+
Five Star Ratings: 90+
The CoBlocks plugin provides a collection of Gutenberg blocks for faster and easier page building.
Available blocks:
- Accordion
- Alert
- Author Profile
- Buttons
- Carousel Gallery
- Click to Tweet
- Collage Gallery
- Dynamic Separator
- Features
- Food & Drinks
- Form
- Gif
- GitHub Gist
- Hero
- Highlight
- Icon
- Logos & Badges
- Map
- Masonry Gallery
- Media Card
- Offset Gallery
- Post Carousel
- Posts
- Pricing Table
- Resizable Row/Columns
- Services
- Shape Divider
- Social Profiles
- Social Sharing
- Stacked Gallery
2. Spectra – WordPress Gutenberg Blocks
Total downloads: 300,000+
Five Star Ratings: 900+
Power-up the Gutenberg editor with advanced and powerful blocks that help you build websites in no time! This first Gutenberg addon is here to make website building an ultimate journey.
It gives you a number of unique and creative blocks for Gutenberg that help you build and design pages or posts without a single line of code. An easy to use interface and several customizations make it easier to build pages and complete websites without any custom code.
Available blocks:
- Container : The Container block allows you to create beautiful layouts with flexbox powered container.
- Image : The Image block add a images on your webpage and provide multiple customization options.
- Star Ratings : The Star Ratings block on a webpage can build trust and attract more customers. It allows you to add and completely customize star ratings anywhere on the Gutenberg page.
- Forms : The Forms block allow you to create interactive contact form, newsletter, suggestion, etc easily. You can add various fields like name, email, message box, phone number, checkboxes to your form and get more leads.
- Tabs : The Tabs block offers an easy way to display tabbed content and enables you to add long content in a smaller place to enhances the user experience.
- Lottie Animation : Add attractive animation to your page design. Get a total control with advanced options like animation speed, animation trigger etc, You can reverse the animation, manage the size and do much more.
- Review : Add a review for a book, movie, course, software application, or product with star ratings. Enable review schema support just with a click to get higher rankings for your page/post in search results.
- Taxonomy List : With this block, you can easily display categories for post/pages or custom post types. Further, you can style it with a grid, list, or dropdown layout and set color, typography.
- How-to : This block allows you to design attractive How-to pages or articles that can describe the step-by-step procedure to achieve certain goals. The best thing is this block will automatically add How-to Schema to your page that can boost ranking in search results.
- FAQ : This block helps you answering user’s common queries in an easy and attractive way. You also get a one-click option to apply FAQ Schema on the page. That helps to display content in a rich snippet that can pull more traffic to your website.
- Inline Notice : Sometimes while writing a procedure or steps to achieve some end results, you might need users to pay attention to a few important notes. Inline Notice block provides a nice ready-to-use box where you can quickly add text to highlight it.
- Heading : The Advanced Heading block lets you add a combination of a heading and a sub-heading with a separator in between. You can select the heading tag for the heading and manage other settings and customizations too.
- Blockquote : This Blockquote block lets you display quoted tweetable text in a trendy and designer format with lots of customization options.
- Call To Action : The Call To Action block helps you to create attractive call-to-action with a trendy title, description and a catchy button that boosts conversions on your website.
- Content Timeline : The Timeline block lets you create beautiful timelines on your website. This could be useful for displaying company history or progress, list down your personal achievements, roadmap or release cycle for products etc.
- Google Map : The Google Maps block allows you to display locations with zooming options you’ll love to try.
- Icon List : The Icon List block allows you to place an image or icon in a list format. You can pick your favorite icon or image that suits a list to act as a bullet for each list item.
- Info Box : The Infobox allows you to place an image or icon along with a heading and description within a single block. You can select the image or icon and customize the content within the block.
- Marketing Button : The Marketing Button block allows you to create trendy CTA that aim at attracting the audience with conversion oriented text and a stunning button with lots of customization.
- Buttons : This Gutenberg block allows you to add multiple buttons within a single block. You can add as many as 1 to 5 buttons with a Multi-Button block. Furthermore, it gives you additional settings for every button and allows you to manage spacing and responsive settings too.
- Post Carousel : Wish to create a post slider in which your blog posts appear within a carousel? The Post Carousel block allows you to display posts in a carousel and manage their settings and the content you wish to display within them.
- Post Grid : The Post Grid block fetches the blog posts you may have on your website and displays them in a grid layout. You can customize the order of your posts, and manage settings like the featured image, content, etc.
- Post Timeline : The Post Timeline block helps you display the blog posts on your website in an ordered list according to the dates they are published on. You can customize the content seen for each blog post and manage the date, featured image etc.
- Price List : This block allows you to design a nice-looking, easy to manage, Price List for your website.
- Social Share : The Social Share block allows you to let users share your content across various social networking sites.
- Table Of Contents : The Table of Contents Block lets you display an index or a list of headings included within a long post or page. This gives users an overview of the content and links to the specific sections on the page or post.
- Team : The Team block allows you to display your team. Add their picture, name, what they do and links to their social profiles.
- Testimonial : The Testimonial block helps your display some amazing client feedback within your website in carousel layout.
3. Gutenberg Blocks by Kadence Blocks – Page Builder Features
Total downloads: 200,000+
Five Star Ratings: 130+
This plugin adds custom blocks to extend Gutenberg’s editing capabilities to better build custom layouts and make Gutenberg able to do more closely what popular page builders can do.
Features:
- Row Layout
- Advanced Heading
- Advanced Button
- Tabs
- Icon
- Spacer / Divider
4. Otter – Gutenberg Blocks – Page Builder for Gutenberg Editor & FSE
Total downloads: 200,000+
Five Star Ratings: 130+
A dynamic collection of page building blocks and templates for the WordPress block editor.
Not only adds extra custom blocks for Gutenberg, but it also adds extra functionality such as Custom CSS, Animations and Visibility Conditions to default or third party blocks present on your website.
The Custom CSS block feature makes it possible to directly customize the CSS properties of any Gutenberg block on the page, while the Animation feature makes it quick and easy to add animations to any block to enhance the appeal of your different page blocks and sections. With the Visibility Conditions feature by Otter, you can set which conditions should be met for your chosen blocks to be displayed on the page.
Available blocks:
- Section
- Button Group
- Button
- Section Column
- Pricing
- Service
- Testimonials
- Google Maps
- Slider
- Advanced Heading
- Icon
- Posts
- Lottie Animation
- Progress Bar
- Sharing Icons
- Icon List
- Plugin Card
- Icon List Item
- About Author
5. WooCommerce Gutenberg Products Block
Total downloads: 100,000+
Five Star Ratings: 80+
The WooCommerce Gutenberg Products block is a new block for the Gutenberg post editor.
This block is a custom products area that features your WooCommerce products.
The products featured can be filtered by categories, sale status, or a variety of other fields, and you can even make a custom list of hand-picked products to display.
The Products block is the easiest and most flexible way to feature your products on your posts and pages!
6. GenerateBlocks
Total downloads: 100,000+
Five Star Ratings: 90+
Add incredible versatility to your editor without bloating it with tons of one-dimensional Gutenberg blocks. With GenerateBlocks, you can learn a handful of blocks deeply and use them to build anything.
Blocks Included:
- Container
- Grid
- Buttons
- Image
- Headline
- Query Loop
- And more.
7. Layout Grid Block
Total downloads: 100,000+
Five Star Ratings: 7+
Want to create a column-based layout with easily customizable column-width and positions? Or perhaps you want to align your content to a global layout grid across your post.
With this Layout Grid block, you can do both or either.
There are also options to provide specific layouts to mobile or tablet breakpoints. Pick a number of columns (1-4), then go ahead and resize and position each column as you want them to look, for any screen. Optionally apply background colours and paddings to add emphasis.
8. Stackable – Page Builder Gutenberg Blocks
Total downloads: 70,000+
Five Star Ratings: 360+
Stackable is the ultimate trusted Gutenberg companion you’ve been waiting for. Build dynamic websites with our powerful yet lightweight custom blocks, ready-made designs, UI Kits, global settings, and advanced customization options all whilst boasting speedy performance.
Blocks Included:
- Advanced Columns Block
- Advanced Heading Block
- Advanced Text Block
- Advanced Image Block
- Icon List Block
- Button Block
- Icon Button Block
- Icon Block
- Posts Block
- Image Box Block
- Video Popup Block
- Accordion Block
- Icon Label Block
- Social Buttons Block
- Card Block
- Count Up Block
- Number Box Block
- Notification Block
- Expand / Show More Block
- Separator Block
- Load More Block
- Pagination Block
- Subtitle Block
- Price Block
- Divider Block
- Spacer Block
- Hero Block
- Call to Action Block
- Feature Block
- Feature Grid Block
- Pricing Box Block
- Icon Box Block
- Testimonial Block
- Team Members Block
- Blockquote Block
9. Genesis Blocks
Total downloads: 70,000+
Five Star Ratings: 10+
A collection of page building blocks for the Gutenberg block editor. Building pages with the block editor and Genesis Blocks gives you more control to quickly create and launch any kind of site you want!
Along with the blocks themselves, Genesis Blocks extends the content creation experience by providing a library of page sections and full-page layouts, all available from within the block editor.
Blocks Included:
- Section & Layout Block
- Advanced Columns Block
- Newsletter Block
- Pricing Block
- Post Grid Block
- Container Block
- Testimonial Block
- Inline Notice Block
- Accordion Block
- Share Icons Block
- Call-To-Action Block
- Customizable Button Block
- Spacer & Divider Block
- Author Profile Block
- Drop Cap Block
10. Gutentor : WordPress Page Builder with Unlimited Possibilities to Design
Total downloads: 50,000+
Five Star Ratings: 80+
Gutentor is a WordPress Page Building Blocks with unlimited possibilities to design a webpage.
Building professional elegant websites using new WordPress editor Gutenberg with very ease and with no absolute codes is what Gutentor is designed for. A page builder experience that brings advanced capabilities and graceful design never seen before on any Page Builder.
Available blocks:
- About
- Accordion
- Advanced Columns
- Advanced List
- Author Profile
- Blog Post
- Call to Action
- Content Box
- Count Down
- Counter
- Divider
- Featured Block
- Gallery
- Google Map
- Icon Box
- Image Box
- Image Slider
- Notification
- Opening Hours
- Pricing
- Progress Bar
- Restaurant Menu
- Social
- Show More
- Tabs
- Team
- Testimonial
- Timeline
- Video Popup
Summary:
With the update of WordPress, there will be more and more bloggers and webmasters using Gutenberg Editor.
So I created a collection that contains the latest and best plugins/blocks for Gutenberg Editor. Enjoy.
