gutenberg blocks plugin

This list of the best Gutenberg blocks plugins is comprehensive, thorough, and helpful. Gutenberg is the new WordPress block-based editor that replaced the WordPress editor in WordPress 5.0. Since its launch, the block editor has revolutionized the way of content on WordPress. For instance, you can add many media types to your website and change the layouts of your pages using the blocks. Moreover, the editor makes all pieces of content into draggable blocks.

WordPress has six core blocks category by default, which provide numerous blocks to build your page layout. However, the default version of the CMS doesn’t come with all the blocks that you may need. This is why you need a WordPress Gutenberg blocks plugin on your site. 

Gutenberg adds new and better features with each version. It enables you to create professional websites and improves website performance. The top Gutenberg blocks plugins are listed below to increase the capabilities of the Block editor by introducing more blocks and features. But before that, let’s discuss the two types of WordPress block plugins.

1. Single Purpose Block Plugin: Which is a popular block. They give website owners a means to add a single block to their post or page while concentrating on a specific feature, like The Post Grid. Only ‌add Post Grid to your homepage or any inner pages with grid, lists and slider layouts.

2. Gutenberg Block Library Plugins: A variety of Gutenberg blocks into a single plugin. Therefore, you don’t need to install multiple plugins. Such as CoBlocks

Beneficial Features of a Gutenberg block plugin are:

  • It is simpler to write in the Gutenberg editor because of its reduced clutter. Writing pages and posts are more accessible than the old editor due to the larger screen and less obstruction.
  • It gives you a drag-and-drop editor that simplifies adding blocks to your page. Although it still has some catching up compared to page builders, it is far superior to the traditional editor.
  • Without writing a single line of code, create more beautiful layouts. 
  • Once the blocks are on your page, you can quickly edit, move, and alter them.
  • Without additional plugins or code, embed tables, movies, social media, and more.
  • Custom block creation is now much more manageable.
  • Make reusable blocks so you may use material on several articles or pages.

Best Gutenberg blocks plugin details bellow:

CoBlocks

CoBlocks - gutenberg blocks plugin

CoBlocks is an excellent free WordPress Gutenberg block plugin that offers an innovative collection of WordPress blocks. This plugin can use the rows and columns blocks to add content areas to your pages. These areas would have a fully responsive margin and padding settings that would be less accessible without CoBlocks. So you can style all these blocks extensively to achieve the appearance and effect you want with each.

The Shape Divider is one of the ways through which you can style the content blocks. It allows you to split up content with elegant dividers. CoBlocks lets you use custom control and settings to work on the blocks. The carousel gallery block enables you to create the most elegant interface for displaying your media items collections. CoBlocks allows you to change the fonts of your content easily with its typography control panel. You can set the font sizes, weights, transformations, and other aspects.

CoBlocks is an excellent suite of WordPress Gutenberg blocks. It offers over 32 blocks, which include social enabling blocks. So your site’s content is visible and sharable on social platforms. These blocks include the ‘Click to Tweet’ block, social sharing block, and social profiles block. In addition, CoBlocks has the best Gutenberg blocks for some eCommerce elements. For instance, the pricing table block is excellent for making your price stipulations readily available, saving you time, and increasing your revenues.

CoBlock’s Best Features are:

  • lightweight and straightforward for novices to use
  • You can choose to include author profiles in your WordPress posts and pages.
  • generating eye-catching notifications for WordPress posts and pages
  • 32 lovely content blocks
  • Settings for responsive margin and padding
  • Control over custom typography
  • enables the use of carousel galleries for the display of photographs

PostX

PostX - best gutenberg blocks plugins

PostX is another top WordPress Gutenberg blocks plugin that creates impeccable websites for free. It comes with various blocks and capabilities to build a better site. You will get 19 gorgeous WordPress Gutenberg blocks for website posts. It has 1 Gutenberg block for a post slider so that you can showcase your content as elegantly as only sliders allow. One other block is the dynamic post slider that has animation effects. As you tinker with your post blocks, you can apply any of the 100+ premade block designs.

When creating a blog website using PostX, you can work with the ultimate controls to customize the blog listing and post grid blocks. It is Created with blogging in mind. This plugin supports the editing of blocks using Google fonts. Moreover, the plugin has advanced typography control to combine various fonts for elegance and branding. Besides, PostX has SVG custom icons you can use with any of the blocks.

The premium version of PostX comes with the Gutenberg archive builder, giving you extra customization freedom. This version also allows you to allocate different colors for each category. It also offers advanced and popular posts’ quick query options. The free version of the PostX plugin comes with the load more pagination option, so your content loads fast. It is also compatible with shortcodes so that you can easily add blocks to your pages.

PostX’s Key Features are:

  • Filter by Category and Tag in Gutenberg Blocks
  • Get Category Specific Color Options in the Gutenberg Archive Builder’s Pro edition.
  • Gutenberg Post Blocks with Beautiful Craftsmanship
  • Blocks for Post Slider in Gutenberg
  • Many Premade Block Designs
  • Different Starter Packs
  • blog listing with the tightest restrictions
  • Post Grid featuring the best controls
  • Animated Dynamic Post Slider
  • Support for Google Font in Blocks

Stackable

Stackable another best gutenberg blocks plugins

Stackable is a free plugin that enables you to create dynamic websites with Gutenberg blocks. Its lightweight custom blocks give you straightforward customization options with speedy performance capabilities. With this plugin, you get to turn the Gutenberg Editor into a page builder in its own right. Stackable comes with about 35 + flexible, customizable blocks for Gutenberg. Among them are advanced content display blocks, including columns, heading, text, and images.

This WordPress Gutenberg blocks plugin’s page builder design options are ideal for fine-tuning your creation with many possibilities. The block typography settings combined with Google Font options are adequate for elegant and readable content. Thus, you can use multiple block layouts and animation blocks on hover to present your content in the most innovative ways possible. Also, Stackable has advanced icon options that apply to all your content blocks.

You can create dynamic WordPress content using the options that come with this plugin. The possibilities include active content, inbuilt custom fields, block conditional display, and query loops full customization. If you have an agency, Stackable allows you to cater to your clients effectively with its agency tool blocks. They include the role manager and the Block CSS customizer. Among the integrations that come with this plugin is the WPML translation addon, Font Awesome icons, Toolset, Google Fonts, ACF, and Blocksy. The premium feature of Stackable has many more designs and advanced quality.

Stackable Core features are:

  • It is possible to arrange several blocks in a row.
  • Create pages using the Gutenberg Editor
  • The grid arrangement helps show your products’ features.
  • 35 feature-rich blocks with a user-friendly UI
  • There are 482 premade block designs.
  • The premium edition has copy-paste blocks.

Spectra for Gutenberg (Formerly known as Ultimate Addons for Gutenberg)

Spectra - best Gutenberg blocks

Spectra has advanced and robust blocks that help you quickly create a website! Star ratings easily build trust with potential customers, and the star rating block helps you add them to any page. Forms are vital to any website. The forms block is ideal for creating contact forms, suggestions, newsletters, and other forms. The plugin allows you to add fields like phone number, message box, email, name, and checkboxes.

The tabs block with Spectra enhances the user experience. The block gives you an easy way of showcasing tabbed content essential for adding long content in tiny spaces. Lottie is a block for adding animations to any page design. It is suitable if you want complete control over the animation triggers, speed, and other options. Also, this WordPress Gutenberg blocks plugin has a review schema block that allows you to enable review schema support with a single click.

The taxonomy list block allows you to display categories for posts, pages, and post types. You can style the display with the list, grid, or dropdown layouts with color and typography settings. With Blockquote, you can showcase tweetable text in trendy and designer format with many customization options. Finally, the timeline block allows you to create impressive timelines on your site. You can use it to showcase your company’s progress, history, and even your achievements. 

You will get free 20+ pre-made, professionally designed starting demos with Gutenberg, Spectra, and the Astra theme. You can import them to entice your web development further.

Spectra’s nifty features are:

  • 25+ strong and innovative blocks
  • a whopping 65+ free starting templates
  • built for performance and speed
  • Adaptable and simple to use
  • adaptable
  • A single button block may include several buttons.
  • Styling for the front end in the Gutenberg editor
  • allows users to add images for the team section.

Otter

Otter - best Gutenberg blocks

Otter is another dynamic collection of some of the best Gutenberg blocks and templates for use with the WordPress editor. It focuses on providing as much as you’d need for customization while remaining lightweight to retain a high site speed. Otter is ideal for creating a personal blog or eCommerce store with its ready blocks. It allows you to transform basic blocks into elegant layouts in mere seconds. Therefore, this WordPress Gutenberg blocks plugin makes your drag & drop interface easier.

Otter has section blocks that enable you to create innovative layouts that facilitate excellent readability and high visual appeal. You can create your layouts using Gutenberg or just choose one of the ones that come with Otter. Thus, each of the templates and layouts it offers is designed with responsive controls for controlling the padding and margins. Furthermore, their culminating experiences are all fully responsive for viewing on mobile, desktop, and tablet displays.

The template library that has over 50 distinct templates that come with Otter gives you creative freedom. It offers many elements with stylistic variations so you can create the most elegant pages. In addition, the Google Maps block with this plugin is redesigned for more functionality and control. For example, you can customize the color and description of markers, change the size and style, search by coordinates or name, and add and remove map controls.

Otter’s Best Features are:

  • The tool is simple to use, thanks to dragging and drop capabilities.
  • There are numerous choices for customization.
  • an addition to the CSS area
  • 23 useful content blocks
  • 50 plus unique website templates
  • Quick and light plugin
  • Integrated responsive design

Gutentor

Gutentor is a page building WordPress Gutenberg blocks

Gutentor is a page-building WordPress Gutenberg blocks collection that offers unlimited possibilities for webpage design. The graceful design and advanced capabilities of the blocks that come with this plugin allow you to realize your dream site. The versatile and beautiful blocks that come with Gutentor can be switched and customized later. This WordPress Gutenberg blocks plugin is lightweight and optimized for smooth and fast performance. It facilitates further optimization by availing internal and external CSS files for dynamic CSS.

Since Gutentor is SEO friendly, all the blocks it offers will enhance the visibility of your content on search engines such as Google. Since all the blocks and templates are well-crafted, you will have a fast designing experience. You won’t have to add any rows or columns with Gutentor. When you add blocks to your site, you’re done. There’s a repeater field with the plugin for creating new items within blocks. It has edit, delete, and drag & drop reorder options.

You will find the customizable elements, such as rows and columns, helpful if you’re a creative designer. Every block that comes with Gutentor has advanced options for HTML tag, background, border, box-shadow, margin padding, and inbuilt animations. For each block in this plugin, you get single and multiple designs for different sorts of pages. If you want to embed a video in your background, you can embed one from YouTube or Vimeo if you don’t want to upload one directly.

Gutentor’s Unique Features are :

  • It has Dynamic and Advanced Columns
  • Faster Designing Experience
  • Simple to use, creating a gorgeous website only requires adding blocks rather than rows or columns.
  • 100+ pre-made Templates and Blocks that may be imported for free
  • For ready-made templates and blocks, use the One-Click Demo Templates Library.
  • Experience Designing More Quickly
  • Simple to use, creating a gorgeous website only requires adding blocks rather than rows or columns.
  • Impressive slider and carousel

Getwid

Getwid - gutenberg blocks

Getwid is a collection of more than 40+ WordPress Gutenberg blocks that extend those of the default editor massively. It also comes with over 35+ unique block templates, which offer layout and features for the developer and facilitate real-time customization. You can build custom page sections for videos, sliders, and images. Also can apply different animations, shapes, and colors. The advanced heading block with the plugin gives you a control panel with typography control for creating the catchiest headlines.

You can embed Google Maps to your pages easily with custom markers with Getwid. In addition, you can utilize the plugin’s icon block if you want a user interface with icons. An icon box is also available for headings and text boxes with icons. You can then modify the sizes, colors, and hover effects. On the other hand, you get an image box block for better image presentation with animation effects.

Getwid allows you to add social icons for any social platform and customize their alignment for all devices. You can utilize the banner block to showcase the best ad presentations with massive customization options if you want to advertise on your website. The image slider block offers more freedom with navigation styling, image sizes, and animation effects. Getwid allows you to create team showcases easily with the person block. Comparison and pricing tables are also within your reach with the price box block.

Getwid’s incredible Features are:

  • For developers, Gutenberg has advanced blocks.
  • A large number of properties on each block.
  • instantaneous customization
  • Support any WordPress theme with remarkable success.
  • Interplay with the fundamental blocks of Gutenberg.

Ghost Kit

Ghost Kit

Besides its WordPress Gutenberg blocks and templates, Ghost Kit offers you an extensive collection of extensions. It grants you as much control as possible with the best ordinary page builders. Spacings are extensions that come with the plugin, making it easy to add spacings to the plugins and core Gutenberg blocks. The Custom CSS & JavaScript extension is accessible on all pages. It allows you to add the two code variations to your current page or the entire site.

If you have any products or services you want to sell, you can use the pricing table block to showcase the costs of your services. The Twitter block is ideal for displaying your Twitter feed and user data. Ghost Kit has a widgetized area block with which you can place create areas on sidebars for widgets. Finally, you can search and insert animated images from Giphy using the GIF block.

Ghost Kit allows you to add contact forms to any page on your site with reCAPTCHA functionality. You can display maps on your pages with custom markers, styles, and settings with the Google Maps block. When you bring some orders to your site, you will find the table of contents block very helpful. All you need to do is parse page headers in your content. Finally, the progress block is ideal for showing users’ work, skills, and earnings progress.

Ghost Kit core Features are:

  • The Gutenberg Blocks, Templates, and Extensions are organized into numerous collections.
  • Alter the global typography settings for the entire site or individual pages.
  • To the color palette in Gutenberg, add your colors.
  • In the pro edition, the Shape Divider block has 30 more shapes.
  • Custom markers and info boxes for Google Maps

Atomic Blocks

Atomic Blocks

Atomic Blocks or Genesis Blocks has beautiful designs that make it easy to customize your final layouts. The plugin supports Accelerated Mobile Pages, which is built into every block it has. The advanced column, section, and layout blocks make creating the most specific pages and content accessible. Atomic Blocks supports the creation of eCommerce websites with pricing blocks on which you can break down your service and product prices.

You need testimonials to prove your reliability: this WordPress Gutenberg blocks plugin offers an elegant testimonial block. The share icons block is easy to use, so you can quickly add icons that facilitate sharing any of your pages and posts. Atomic Blocks has call-to-action blocks that you can use to boost page views, product sales, and email subscriptions. So the container block facilitates gathering separate containers into one parent container. You can create pages and posts with different content sections.

The inline notice block allows you to add and customize a notice box on your page with editable text, title, and notice color. You can also change font size and make it dismissible or always on display. Atomic Blocks also has a customizable button block. You can add to pages and posts with various features, including size, shape, color, and text color, and open in a new window.

Atomic block’s key features are:

  • 27+ feature-rich custom blocks, 
  • 355+ ready-made block designs
  •  an intuitive user interface 
  • a block-level access control system
  • Reusable templates

Gutenberg Blocks

Gutenberg Blocks is a valuable collection of ready-to-use WordPress Gutenberg blocks that includes many generic UI blocks for more customization options. With its table builder block, you can create downloadable tables for different purposes and display them visually. The package is the block that will come in handy when you want to show a file, download, or package. Gutenberg Blocks facilitates the display of query download manager items with different filters.

The category block is ideal for displaying the categories that you want to show on your site. In addition, Gutenberg Blocks has a block for a signup form that you can place anywhere on your site so that users can sign up for different roles on your site. A login form is also available to create a membership website that users log into it.

One of the best Gutenberg blocks with Gutenberg Blocks is its dashboard block. It allows you to add a beautiful user dashboard to your site. The search results block effectively adds a search option on your pages. This plugin will enable you to embed packages onto your pages for download. The WordPress Download Manager’s block will display select categories in user-friendly blocks with different layout styles.

Gutenberg blocks core features are:

  • It has many generic UI blocks
  • It comes with many Download manager blocks
  • Chooses specific download manager categories and displays them in UI blocks with various designs.
  • Easy to customize
  • Contains Dashboard specific block
  • Create a Login form with a precise block

Gutenbee

Gutenbee brings you many WordPress Gutenberg blocks that will enhance your editing experience massively. For example, the accordion allows you to organize the content on your site into accordion elements. You can edit every inch of your content directly in the WordPress editor, choosing whichever color combinations you want. It has a banner block for creating attractive and flexible banners. It even supports video backgrounds so you can draw your users’ attention toward offers and events.

When posting actionable content, you will need to use the buttons block. It enables you to add at least one button at a time and customize their colors, alignment, and borders. In addition, it has a powerful container block that allows the grouping or splitting of highly responsive content in columns. Beyond that, the countdown block is ideal for when you have an upcoming event once you select the date, typography, colors, and layout!

Another of the best Gutenberg blocks that Gutenbee has to offer is the testimonial block. It enables you to impress potential customers or clients with the comments of the existing ones. In addition, you will love the Food Menu block when dealing with a restaurant website. It lets you display your dishes and beverages stylishly. Also, Gutenbee offers an image comparison block ideal for users who want to showcase before and after images.

Gutenbee’s excellent Features are:

  • Simple to implement and use
  • several blocks based on categories
  • 25+ beautiful blocks
  • Lightweight and speed-enhancing
  • Blocks can be enabled or disabled.
  • Completely customizable
  • Fully Responsive

EditorsKit

EditorsKit provides an impressive set of block options for your website. It offers rich text formats for creating great content. Also, you can easily insert special characters and symbols into the editor. In addition, you have control over a block’s visibility. Based on the Advanced Custom Fields Plugin, EditorsKit lets you show or conceal Gutenberg blocks. You can also hide or show blocks on different types of devices. The plugin also lets you control the visibility of the logged in/logged out status.

Gutenberg offers to display the word count of your content. EditorsKit extends this to allow you to display the estimated reading time (ERT). Since this plugin is shortcode ready, you can display the ERT on any post using a shortcode. In addition, you have the freedom to choose the styles for displaying images and covers on your website. These styles include custom shapes for image frames and drop shadows. Apart from the ones Gutenberg offers, the additional styling options for the listed block include arrow, crossed, connected, starred, dashed, and checked the list.

With EditorsKit, you can change the text alignment for different devices. You can also easily select some blocks you want to display as a full screen using the simple toggle option under the advanced panel. The plugin also allows you to toggle in a single click to hide a post, page, or post type’s title on your site.

EditorsKit’s most delicate features are:

  • Easy to add text in a fluent manner
  • Enable or disable blocks based on the device
  • Block import and export feature
  • Incorporate reading time into your sites and posts.
  • Adapt text alignment to the device
  • A stunning user interface to improve the user experience
  • large selection of templates and patterns

Ultimate Blocks

Ultimate Blocks is a superb choice if you are a marketer or blogger. It makes your website highly user-friendly for you and your users. The content filter block allows your visitors to filter content based on different criteria. You can add the review block to any of your pages with the product name, summary, features, button, and star rating. This block is optimized for Schema markup so that it can boost your SEO. It also has a block for ‘HowTo’ schema posts. It has steps, sections, and valid schema data.

Ultimate Blocks lets you quickly generate a table of contents from your prewritten headings. You can also add content to your posts and pages in tabs. Gutenberg’s drag & drop feature allows you to sort the tabs quickly. The call-to-action block comes with a fully customizable button. You can add content in accordions so that your users can expand them to view content.

This WordPress Gutenberg blocks plugin allows you to add content in your posts and pages that your users only need to click upon to tweet. The expandable block also allows you to add expandable content. So you can partially hide content and enable the display of it by clicking on ‘show more. Also, Ultimate Blocks comes with a social share block that lets you add customizable buttons that will enable the sharing of your posts and pages easily.

Ultimate Block’s superb features are:

  • Powerful and easy to use
  • 20+ content blocks
  • Fully customizable
  • Pretty handy and light for optimization 
  • Options to allow or disallow significant blocks feature
  • SEO friendly

PublishPress Blocks

PublishPress Blocks

PublishPress Blocks is essentially an admirable collection of the best Gutenberg blocks. Among its most notable features is the latest content or news display clock. It lets you display posts and pages in many different layouts. You can control who uses each of the blocks you publish with PublishPress Blocks. This plugin enables you to add your custom CSS styles to your blocks and when editing your posts. You get to choose from many page builder layouts, each one of which is fully customizable and responsive to all devices.

When you want to display long content minimally, the accordion block with PublishPress Blocks gives you the perfect toolkit. The button block based on the default one on Gutenberg is an improved version with additional features. It has hover, margin, padding, shadows, border, and other options. The contact form block with PublishPress Blocks is perfect for creating unlimited forms and placing them on any of your pages to collect user messages.

When you want to display conspicuous numbers on your site, the count-up block comes in handy. You can use it to showcase the amount of money raised, the number of clients, and other numbers. The Google Maps block lets you create maps with tooltips, custom icons, zoom levels, descriptions, and colors, among other features. Finally, the image and image slider blocs allow you to showcase images elegantly.

PublishPress’s Best Features are:

  • user-friendly, portable, and simple to use
  • Predefined columns in WordPress that let you display multi-column
  • It comes with 20 extra blocks
  • Set the user’s display of block permissions.
  • being able to incorporate a Google map into a post or page
  • WooCommerce block enables attractive store product presentation.

Kadence

Kadence Blocks facilitates the extension of your customization capabilities with functional WordPress Gutenberg blocks. Among these blocks is the row layout, an easy way to craft and showcase rows nested with blocks in containers or columns. The advanced gallery helps you create the most stunning sliders, carousels, and photo galleries. It accommodates custom links, captions, and other elements that facilitate improved SEO. Since Kadence allows you to choose small image sizes, it contributes to a faster website.

The advanced heading lock lets you transform your headings and customize the font colors, sizes, styles, families, and even highlight the words you want. The advanced button with Kadence allows extensive styling with hover controls and an icon alongside it. Finally, the info box is a block for showcasing an icon or image that imparts useful information with attractive styling options.

Once you’ve defined the default settings of your blocks, the configuration settings of Kadence make it that when you add new blocks, they’ll adopt the predefined settings. The spacing controls ensure the precision spacing and design for the paddings and margins of your blocks. You can hide blocks from specific user roles by manipulating the visibility controls of this plugin. The color and background controls allow you to customize the overlays, borders, gradients, and parallax backgrounds. With Kadence, you can ensure that your site only loads JavaScript or CSS when needed and only for the blocks you want.

Kadence’s cool Features are:

  • Only the necessary amount of weight is loaded
  • adaptable
  • It is possible to create both horizontal and vertical tabs by including an advanced button.
  • customizing symbols to take the place of lists’ standard bullets
  • 1500+ SVG icons and 900+ Google fonts

Twentig

Twentig

Twentig makes it easy to build the best web pages for your needs with its collection of the best WordPress Gutenberg blocks. It offers an easy way to work with various header layouts and even gives you a sticky header option. You can customize the header width and customize it with various predefined decorations. In addition, Twentig lets you choose the logo width and gives you the feature of a transparent header for your logo display. With this plugin, you have the opportunity to display the burger menu on tablets only.

Twentig lets you set the text width as you work on the display of your content. The blog layout options are stack, post grid, and post grid card. You can choose the number of columns you want to display for post grid layouts. The featured image and post title layouts are fully customizable. Beyond that, Twentig allows you vast typography options with Google Font pairings, presets, settings, and color options at your disposal.

With Twentig, you can embed videos from YouTube, SoundCloud, and Vimeo and upload HTML files. The plugin allows you to choose the style of the frames of your media content. The image styles available include rounded, edge, borders, and shadow. In addition, you can showcase social icons with text hover effects. Finally, Twentig’s block lets you display the latest posts with card and border styles, image aspect ratio, text alignment, heading size, and stretched links.

Twentig’s key features are:

  • Very easy to use with some clicks
  • Fully Customizing blocks
  • Predefined spacing styles for accessible page building
  • Contains custom Page templates
  • Embed Videos from many platforms
  • Powerful Font feature

Winding Up

This list has everything you need when looking to add the best WordPress Gutenberg blocks plugin to your site. You don’t need to know the deepest workings of any plugins on this list. Each one of these plugins is plug-and-play. All you need to do is install your plugin of choice and activate it. After that, you will have your new Gutenberg blocks in the Gutenberg editor interface ready for use. We’ve assembled free plugins, but you can go for the premium versions if you want more blocks than the free ones offer. Then, assuming you have already chosen one, create your unique website. Gutenberg’s design skills are increasingly catching up to those of page builders, thanks to ongoing developments and exciting upcoming enhancements. It won’t be long before it ultimately takeovers page builders.