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. It revolutionizes the way content is created on WordPress. For instance, you can add multiple media types to your website and change the layouts of your pages using the blocks. The editor makes all pieces of content draggable blocks.
Gutenberg blocks are the editor blocks with which you get to create content layouts for your website. WordPress comes with basic content blocks by default, which includes buttons, paragraphs, images, and lists. However, the default version of the content management system doesn’t come with all the blocks that you may need. This is why you need to have a WordPress Gutenberg blocks plugin on your site. This piece is a catalog of the best Gutenberg blocks plugins with their features and elements.
Take a look and choose the one that you’ll fancy.
CoBlocks is a superb WordPress Gutenberg blocks plugins that offers an innovative collection of WordPress blocks. With this plugin, you 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. You can style all these blocks extensively so that you can 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 get to set the font sizes, weights, transformations, and other aspects.
CoBlocks is an excellent suite of WordPress Gutenberg blocks. It offers over 30 blocks, which include social enabling blocks. This means that 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. CoBlocks has the best Gutenberg blocks for some eCommerce elements. For instance, the pricing table block is great for making your price stipulations easily available, saving you time, and increasing your revenues.
PostX is another top WordPress Gutenberg blocks plugin for creating high-quality websites. This plugin offers many blocks and capabilities for a better site. It comes with 19 gorgeous WordPress Gutenberg blocks for website posts. PostX 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 88+ premade block designs.
When creating a blog website using PostX, you get to work with the ultimate controls to customize the blog listing and post grid blocks. Created with blogging in mind, this plugin supports the editing of blocks using Google fonts. The blocks come with advanced typography control, so you can combine various fonts for elegance and branding. PostX has SVG custom icons that you can use with any of the blocks too.
The premium version of PostX comes with the Gutenberg archive builder that gives 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 that your content loads fast. It is also compatible with shortcodes so that you can add blocks to your pages easily.
Stackable enables you to create dynamic websites with the best Gutenberg blocks possible. Its lightweight custom blocks give you straightforward customization options with top-speed 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 column, heading, text, and image blocks.
The page builder design options that come with this WordPress Gutenberg blocks plugin are ideal for fine-tuning your creation with a vast range of options. The block typography settings combined with Google Font options are adequate for elegant and readable content. You can utilize multiple block layouts and animation blocks on hover to present your content in the most elegant ways possible. Stackable has advanced icon options that are applicable to all your content blocks.
You can create dynamic WordPress content using the options that come with this plugin. The options include dynamic 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 tools 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.
Ultimate Addons for Gutenberg
Ultimate Addons for Gutenberg comes with advanced and robust blocks that help you create a website fast! Star ratings are an easy way of building 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 kinds of forms. The plugin allows you to add fields like phone number, message box, email, name, and checkboxes.
The tabs block that comes with Ultimate Addons for Gutenberg enhances the user experience. The block gives you an easy way of showcasing tabbed content that is essential for adding long content in very small spaces. Lottie is a block for adding animations to any page design. If you want full control over the animation triggers, speed, and other options, it is right there for the taking. 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 the Blockquote, you can showcase tweetable text in trendy and designer format with many customization options. The timeline block allows you to create amazing timelines on your site. You can use it for showcasing your company’s progress, history, and even your achievements.
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 so as 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. This WordPress Gutenberg blocks plugin makes your drag & drop interface even easier to use.
Otter has section blocks that enable you to create innovative layouts that facilitate excellent readability and high visual appeal. You can create your own layouts using Gutenberg or just choose one of the ones that come with Otter. Each of the templates and layouts it offers is designed with responsive controls for controlling the padding and margins. 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. The Google Maps block that comes with this plugin is redesigned for more functionality and control. 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.
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.
If you’re a creative designer, you will find the customizable elements, such as rows and columns, to be helpful. 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 a single and multiple designs for different sorts of pages. If you want to embed a video to your background, you can embed one from YouTube or Vimeo if you don’t want to upload one directly.
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. Its overall layout and features are developer-friendly and facilitate real-time customization. Getwid allows you to build custom page sections for videos, sliders, and images. You can then apply different animations, shapes, and colors. The advanced heading block you get 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. If you want a user interface with icons, you can utilize the icon block that the plugin offers. 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.
If you have any products or services that you want to sell, you can make use of 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. 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’re bringing some order 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. The progress block is ideal for showing the progress of users’ work, skills, and earnings.
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 it easy to create the most straightforward pages and content. Atomic Blocks supports the creation of eCommerce websites with its 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 that you can add icons that facilitate the sharing of any of your pages and posts quickly. Atomic Blocks has call-to-action blocks that you can use to boost page views, product sales, and email subscriptions. The container block facilitates the gathering of separate containers into one parent container so that 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 its font size and make it dismissible or always on display. Atom Blocks has a customizable button block that you can add to pages and posts with various features, including size, shape, color, text color, and open in new window.
Gutenberg Blocks is a helpful 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 display 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. 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 so that you can create a membership website that users log into.
One of the best Gutenberg blocks that come with Gutenberg Blocks is its dashboard block. It allows you to add a beautiful user dashboard to your site. The search results block is effective for adding a search option on your pages. This plugin allows you to embed packages onto your pages for download. Category blocks for the WordPress Download Manager will display select categories in user friendly blocks with different layout styles.
Gutenbee brings you many WordPress Gutenberg blocks that will enhance your editing experience massively. The accordion allows you to organize the content on your site into accordion elements. You can then edit every inch of your content directly in the WordPress editor, choosing whichever color combinations you want. Gutenbee has a banner block for creating attractive and flexible banners. It even supports video backgrounds so that you can draw the attention of your users toward offers and events.
When posting actionable content, you will need to make use of the buttons block. It enables you to add at least one button at a time and customize their colors, alignment, and borders. Gutenbee offers a powerful container block that allows the grouping or splitting of highly responsive content in columns. The countdown block is ideal for when you have an upcoming event. Once you select the date, typography, colors, and layout, you’re good to go!
Another one 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. If you’re dealing with a restaurant website, you will love the Food Menu block. It lets you display your dishes and beverages stylishly. Gutenbee offers an image comparison block that is ideal for users that want to showcase before and after images.
EditorsKit provides an impressive set of block options for your website. This WordPress Gutenberg blocks plugin offers more than 10 rich text formats for excellent content creation. You can insert special characters and symbols on the editor easily. The control over block visibility is in your hands. EditorsKit allows you to show or hide Gutenberg blocks based on the Advanced Custom Fields Plugin. 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)too. Since this plugin is shortcode ready, you can display the ERT on any post using a shortcode. You have the freedom to choose the styles for the display of 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 list block include arrow, crossed, connected, starred, dashed, and checked list.
With EditorsKit, you can change the text alignment for different devices. You also get to select some blocks that you want to display as full screen easily 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.
If you are a marketer or blogger, Ultimate Blocks is a superb choice. 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 product name, summary, features, button, and star rating. This block is optimized for Schema markup so that it can boost your SEO. Ultimate Blocks has a block for ‘HowTo’ schema posts. It has steps, sections, and valid schema data.
Ultimate Blocks allows you to generate a table of contents easily from your prewritten headings. You can also add content to your posts and pages in tabs. The drag & drop feature of Gutenberg allows you to sort the tabs easily. The call-to-action block comes with a button that is fully customizable. 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. You can hide content partially and allow the display of all of it by clicking on ‘show more’. Ultimate Blocks comes with a social share block that lets you add customizable buttons that allow the sharing of your posts and pages easily.
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 own 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 that comes with PublishPress Blocks gives you the perfect toolkit. The button block that is 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 that comes 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 custom colors, among other features. The image and image slider blocs allow you to showcase images elegantly.
Kadence Blocks facilitates the extension of your customization capabilities with useful WordPress Gutenberg blocks. Among these blocks is the row layout, which is 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 also 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 fonts colors, sizes, styles, families, and even highlight the words you want. The advanced button that you get with Kadence allows extensive styling with hover controls and the use of an icon alongside it. The info box is a block for showcasing an icon or image that imparts useful information with attractive styling options.
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. Twentig lets you choose the logo width and gives you the option for a transparent header for your logo display. With this plugin, you have the option to display the burger menu on tablets only.
Twentig lets you set the text width as you work on the display of your content. Among the blog layout options, it comes with 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. Twentig allows you vast typography options with Google Font pairings, presets, settings, and color options at your disposal.
With Twentig, you can embed your videos from YouTube, SoundCloud, Vimeo, and upload HTML files. The plugin allows you to choose the style of the frames of your media content. The image styles available to you include rounded, frame, borders, and shadow. You can showcase social icons with text hover effects. Twentig has a block that lets you display the latest posts with card and border styles, image aspect ratio, text alignment, heading size, and stretched links.
When looking to add WordPress Gutenberg blocks to your site, this list has everything you need. You don’t need to know the deepest workings of any of the 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 what the free ones offer. Assuming you have already chosen one, go on and create your exceptional website.