10 Best Gutenberg Editor Plugins/Blocks For Bloggers (2021 Update)

Originally Published Aug 06 2017, updated Feb 08 2021

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

Try Gutenberg Box-min

So What Is Gutenberg Editor?

In short, Gutenberg is a fresh new WordPress editor that provides 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.

Gutenberg Editor-min

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

Page Builder Gutenberg Blocks – CoBlocks

Total downloads: 400,000+

Five Star Ratings: 70+

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

More Info & Download


2. Gutenberg Blocks – Ultimate Addons for Gutenberg

Gutenberg Blocks – Ultimate Addons for Gutenberg

Total downloads: 200,000+

Five Star Ratings: 600+

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.

Available blocks:

  • Section
  • Advanced Heading
  • Post Grid
  • Post Carousel
  • Post Masonry
  • Info Box
  • Google Map
  • Team
  • Content Timeline
  • Social Share
  • Testimonial
  • Icon List
  • Restaurant Menu
  • Post Timeline
  • Call To Action
  • Advanced Columns

More Info & Download


3. WooCommerce Gutenberg Products Block

WooCommerce Gutenberg Products Block-min

Total downloads: 200,000+

Five Star Ratings: 50+

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!

More Info & Download


4. Gutenberg Blocks by Kadence Blocks – Page Builder Features

Kadence Blocks – Gutenberg Page Builder Toolkit

Total downloads: 90,000+

Five Star Ratings: 70+

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

More Info & Download


5. Gutenberg Blocks and Template Library by Otter

Otter Blocks for Gutenberg

Total downloads: 80,000+

Five Star Ratings: 60+

A dynamic collection of page building blocks and templates for the WordPress block editor.

The growing list of page building blocks covers all of the elements you need to build your WordPress site. Combine the blocks with Otter to build stunning pages and posts with the simplicity of designing.

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

More Info & Download


6. Layout Grid Block

Layout Grid Block

Total downloads: 80,000+

Five Star Ratings: 2+

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.

More Info & Download


7. Atomic Blocks – Gutenberg Blocks Collection

Atomic Blocks – Gutenberg Blocks Collection-min

Total downloads: 30,000+

Five Star Ratings: 33+

Atomic Blocks is a collection of content blocks for the new Gutenberg block editor.

Blocks are chunks of content such as paragraphs, images, galleries, columns, and more. Building blocks give you more control to quickly create and launch any kind of site you want,

Available blocks:

  • 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

More Info & Download


8. Gutentor : WordPress Page Builder with Unlimited Possibilities to Design

Gutenberg Blocks – Ultimate Addons for Gutenberg

Total downloads: 40,000+

Five Star Ratings: 30+

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

More Info & Download


9. PublishPress Blocks

PublishPress Blocks

Total downloads: 30,000+

Five Star Ratings: 120+

PublishPress Blocks adds the missing blocks and configuration you need to build professional websites. Take the control of the new Gutenberg editor with user edition profile configuration and 20+ new blocks and options.

Features:

  • Column manager with pre-defined layouts
  • Latest post slider and latest post slider
  • Latest WooCommerce product slider and latest product slider
  • Advanced Button block: create button with tons of styles
  • Contact form block: get user messages and export messages
  • Advanced List block: create list with list icon, icon color
  • Map block: load a Google map position with zoom, icon, tooltip, color…
  • Advanced Table block: create tables with style like color, border
  • Accordion block: display content in a fully configurable accordion
  • Tabs block: display content in a fully tabbed UX
  • Testimonial block: define avatar, title, text, colors, slider
  • Icon and Icon block layout blocks
  • Contact Form block: get email and export contact form data
  • Email Opt-In block: get email and export data
  • WordPress login block
  • WordPress register block
  • Counter block: display numbers in a dynamic, fun and engaging way
  • Advanced Image block: hover text, overlay, colors, link and more
  • Advanced Image block: load and display local and remote video
  • Advanced Video block: load and display local and remote video
  • Social links block: custom icon and links to any social networks
  • Activate lightbox effect in Gutenberg image galleries
  • Display image information as lightbox caption in galleries
  • Gutenberg post summary based on content headers

More Info & Download


10. Getwid – Gutenberg Blocks

Getwid – Gutenberg Blocks

Total downloads: 30,000+

Five Star Ratings: 64+

A collection of 40+ Gutenberg blocks that greatly extends the library of existing core WordPress blocks and 35+ unique pre-made block templates for the Block Editor.

Features:

  • Section Block – build custom page section layouts of any type (set alignments; use video, slider and image backgrounds; change foregrounds, apply animation, play with colors and shapes, etc.).
  • Advanced Heading Block – a rich typography control panel for creating catchy headings – access to Google fonts, styles, sizes, one-click text case conversion, spacing and colors.
  • Google Maps Block – embed simple Google Maps with unlimited custom markers.
  • Icon Block – create effective and clear user interfaces with a collection of customizable icons.
  • Icon Box Block – construct responsive service boxes with icons, headings and text boxes using premade styles, modifying colors, sizes and hover effects.
  • Image Box Block – get deeper into image presentation – add animation effects, apply the needed size in clicks and modify spacing.
  • Social Links Block – add any social icons, customize their alignment for different devices, go with pre-made layouts and alter their size and spacing.
  • Banner Block – advertise wisely with fully customizable banners for which you can define sizes, alignments, colors, animation effects and more tools for better presentation of your offerings.
  • Image Slider Block – a better way to create image sliders with full control over navigation styles, image sizes and animation effects.
  • Media & Text Slider Block – showcase brilliant sliders with texts, set custom content width and alignment, apply text and color overlays, choose slide and text animation effects individually.
  • Button Group Block – add several call-to-action buttons in style and harmony; update width, alignment and direction for the whole set of buttons at the same time.
  • Person Block – create simple and stunning team showcase sections with the settings for job titles, names and image sizes.
  • Accordion Block – snap and functional accordion tabs section with customizable icons and heading types. Perfect for FAQ sections.
  • Toggle Block – similar to Accordion block, but it lets users expand tabs manually.
  • Tabs Block – horizontal or vertical tabs with a bunch of pre-set styles and customizable headings.
  • Image Stack Gallery Block – breathtaking, fully customizable image galleries with seven different styles to unleash your creativity and find a perfect solution for your current WordPress theme design.
  • Testimonial Block – a no-frills testimonial block with an author avatar, citation and name.
  • Recent Posts Block – present your latest posts with custom metadata, list or grid layout and a choice of different output behaviors.
  • Advanced Spacer Block – add a space between your blocks with an adjustable spacer – optionally hide it on mobile, tablet or desktop devices.
  • Instagram Block – it provides an easy way to connect your Instagram to WordPress and creates a customizable live-feed gallery.
  • Counter Block – show the most significant data about your business in numbers with the lightweight animated counters.
  • Price Box Block – visualize any data by creating all sorts of comparison and pricing tables.
  • Progress Bar Block – a simple animated horizontal progress bar with customizable colors.
  • Circular Progress Bar Block – animated circular progress bars with the adjustable bar sickness, size and colors.
  • Contact Form Block – a simple contact form with a traditional set of the form fields, customizable labels and support for reCAPTCHA.
  • Post Carousel Block – use agile customization options to showcase posts, pages or custom post types in a catchy carousel with a custom layout.
  • Price List Block – a perfect block for featuring restaurant menu prices or a table of contents with the adjustable headings, dotted lines, colors, and images.
  • Post Slider Block – fetch your already existing posts, products or other custom post types data into a deeply tunable, stylish slider with several premade layouts.
  • Custom Post Type Block – grid, list or custom view of any custom post types with numerous layout and style customization settings.
  • Mailchimp Block – easy MailChimp API integration for adding email subscription forms.
  • Countdown Block – a dynamic countdown timer with deeply customizable numeric values and time labels, for which you can set a font family and style, sizes, colors, spacing and more.
  • Video Popup Block – display your Youtube, Vimeo or self-hosted videos in popups; the play video button, custom video covers, colors and sizes of the block containers are fully adjustable.
  • Content Timeline Block – display chronological order of any events in a stylish timeline graph with such adjustable containers as headings, subheadings, images, etc.
  • Image Hotspot Block – the Unique one on the Gutenberg addons market! place unlimited animated markers with fully customizable tooltips over your image to make it more informative and interactive.
  • Table of Contents Block – an ordered or unordered table of contents that is based on your page headings (H2, H3, H4, etc.).
  • Anchor Block – an easy tool to add quick page jumps to a certain part of a page using an HTML anchor #.
  • Advanced Table Block – a table Gutenberg block that allows for merging cells, customizing background, and adjusting borders.

More Info & Download


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.

Rate This Article
Sending
User Review
3.75 (4 votes)

See Also:

Tags:

2 Comments

  1. Valerie Way April 19, 2019
  2. Istiak Rayhan April 19, 2019

Leave a Reply