20 Best Free and Paid WordPress Gutenberg Blocks for 2020

20 Best Free and Paid Gutenberg Blocks

These are some of Gutenberg blocks WordPress plugins that you can use to build your site with different options and features as offered by each plugin.

Gutenberg blocks are the unifying evolution of what is now covered, they are the editor blocks that are used to create content layouts in the new WordPress block editor aka Gutenberg.

What is Gutenberg?

Gutenberg is not just a new WordPress editor. This editor will change the game. Gutenberg editor is the start of something much bigger and lays the groundwork for incredibly exciting developments. While the editor is the focus right now, the project will ultimately impact the entire publishing experience including customization (the next focus area). One thing that sets WordPress apart is that it allows you to create a post layout that’s as rich as you can imagine—but only if you can build your own custom theme with HTML and CSS.
You can imagine, this gives us endless possibilities and it is a necessary step to keep WordPress the #1 CMS for years to come.

Gutenberg Blocks

Gutenberg Blocks are the core of Gutenberg it’s a great new tools for building engaging content. In different ways, by custom post types, shortcodes, embeds, widgets, post formats, meta-boxes, theme options, and other formatting elements. They embrace the breadth of functionality WordPress is capable of, with the clarity of a consistent user experience.

Imagine a custom employee block that a client can drag onto an About page to automatically display a picture, name, and bio of all the employees. Imagine a whole universe of plugins just as flexible, all extending WordPress in the same way. Imagine simplified menus and widgets. Users who can instantly understand and use WordPress—and 90% of plugins. This will allow you to easily compose beautiful posts like this example.

See our Gutenberg article for more details : A Comprehensive Guide to New WordPress Editor aka Gutenberg

Table of Content:

This isn’t a comparison. Each plugin in this collection has its own characteristics that distinguish it from others. So we randomly arranged this list.
  1. HayyaBuild – WordPress Everything Builder Plugin (Free)
  2. Kadence Blocks – Gutenberg Page Builder Toolkit (Free)
  3. Gutenberg Blocks – Ultimate Addons for Gutenberg (Free)
  4. Ultimate Blocks – Gutenberg Blocks Plugin (Free)
  5. Atomic Blocks – Gutenberg Blocks Collection (Free)
  6. Getwid – Gutenberg Blocks (Free)
  7. WooCommerce Blocks (Free)
  8. Kioken Blocks – Page Builder Gutenberg Blocks (Free)
  9. Stackable – Gutenberg Blocks (Free)
  10. PricingBlock – Responsive Pricing Table for Gutenberg (Free)
  11. SoloBlocks – Blocks for WordPress Gutenberg Editor ($19)
  12. Guten Maps – Google Map Gutenberg Block ($15)
  13. KingBlocks – Amazing Gutenberg Blocks ($15)
  14. Inster – Instagram Block for WordPress Gutenberg Editor ($29)
  15. Instaberg – Instagram Feed Gallery – Gutenberg Block ($25)
  16. CPElementia – Gutenberg Blocks for Site Creators ($14)
  17. GSlider – Premium Gutenberg Slider Block For WordPress ($11)
  18. Advanced Gutenberg Blocks (Free)
  19. Advanced Gutenberg (Free)
  20. CoBlocks – Page Builder Gutenberg Blocks (Free)

Plugins List

1 -HayyaBuild – WordPress Everything Builder Plugin (Free)

HayyaBuild - WordPress Everything Builder Plugin
HayyaBuild – WordPress Everything Builder Plugin

HayyaBuild is a simple and highly intuitive WordPress plugin that offers modern and responsive header, content, shortcode and footer builder. This plugin comes with the most advanced Gutenberg blocks. So you can build the entire website from header to footer.
HayyaBuild plugin provides 23 blocks as below:

  • Accordion.
  • Alert Box.
  • Breadcrumb Menu.
  • Button.
  • Buttons Group.
  • Info Card.
  • Content Box.
  • Double Sided Box.
  • Features List.
  • Magic Box.
  • Map.
  • Menu.
  • Row & Columns.
  • Search Box.
  • Separator.
  • Simple Menu.
  • Social Menu.
  • Sticky Box.
  • Tabs.
  • Testimonial.
  • Go down Button.
  • Go up Button.
  • Page Content.

2 – Kadence Blocks – Gutenberg Page Builder Toolkit (Free)

Kadence Blocks – Gutenberg Page Builder Toolkit
Kadence Blocks – Gutenberg Page Builder Toolkit

This plugin adds custom blocks and options to extend Gutenberg’s editing capabilities so you can create custom layouts and more engaging content. This plugin is meant to be a toolkit that makes the WordPress block editor capable of creating content usually only possible through popular page builder plugins. For example, with the Kadence Row Layout Block you can better control columns for different screen sizes plus it gives you full row editing tools like padding, backgrounds, overlays with gradients, vertical-align and much more.
Kadence Blocks plugin provides 13 blocks as below:

  • Row Layout
  • Advanced Gallery
  • Form
  • Advanced Heading
  • Advanced Button
  • Tabs
  • Accordion
  • Testimonials
  • Icon
  • Spacer / Divider
  • Info Box
  • Icon List

3 – Gutenberg Blocks – Ultimate Addons for Gutenberg (Free)

Gutenberg Blocks – Ultimate Addons for Gutenberg
Gutenberg Blocks – Ultimate Addons for Gutenberg

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. Simply pick your favorite blocks from the Ultimate Addons that speed up the process of website building with easy to use settings and customization for intuitive visual styling. With the Ultimate Addons for Gutenberg, we took the hassle out of the website building process. 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.
Ultimate Addons plugin provides 22 blocks as below:

  • Advanced Heading
  • Advanced Columns
  • Blockquote
  • Contact Form 7 Styles
  • Content Timeline
  • Google Map
  • Gravity Forms Styles
  • Info Box
  • Marketing Button
  • Multi Buttons
  • Post Carousel
  • Post Grid
  • Post Masonry
  • Post Timeline
  • Price List
  • Section
  • Social Share
  • Table Of Contents
  • Team
  • Testimonial

4 – Ultimate Blocks – Gutenberg Blocks Plugin (Free)

Ultimate Blocks – Gutenberg Blocks Plugin
Ultimate Blocks – Gutenberg Blocks Plugin

Ultimate Blocks is a Gutenberg blocks Plugin for bloggers and marketers. Our goal is to make it insanely easy for you to create better and engaging content with Gutenberg.
Ultimate Blocks plugin provides 19 blocks as below:

  • Content Filter
  • Review (Schema Markup Enabled)
  • Table of Contents
  • Tabbed Content
  • Call to Action
  • Content Toggle (Accordion)
  • Styled Box
  • Styled List
  • Expand
  • Testimonial
  • Click to Tweet
  • Social Share
  • Countdown
  • Progress Bar
  • Post Grid
  • Star Rating
  • Image Slider
  • Button (Improved)
  • Divider

5 – Atomic Blocks – Gutenberg Blocks Collection (Free)

Atomic Blocks – Gutenberg Blocks Collection
Atomic Blocks – Gutenberg Blocks Collection

Atomic Blocks is a collection of page building blocks for the new Gutenberg block editor. Building pages with the block editor and Atomic Blocks gives you more control to quickly create and launch any kind of site you want! Installing the customizable Atomic Block plugin adds a collection of beautiful, site-building blocks to help you customize page layouts, increase engagement, and get results for your business. Atomic Blocks provides everything from customizable buttons, to beautifully-designed page sections and full-page layout designs via the Section & Layout block.
Atomic Blocks plugin provides 15 blocks as below:

  • 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

6 – Getwid – Gutenberg Blocks (Free)

Getwid – Gutenberg Blocks
Getwid – Gutenberg Blocks

Getwid is a collection of 34+ comprehensive Gutenberg blocks that greatly extends the library of existing core blocks. It’s brought to you by MotoPress – a trusted WordPress developer with more than six years of experience of creating WordPress tools for content building. Getwid collection of extra blocks for Gutenberg ships with a broad blocks bundle for the needs of business websites, startups, creative projects and a diversity of other niches. It enables you to create efficient landing pages, showcase vibrant services pages, build eye-catching portfolios, and make your overall transition to Gutenberg less stressful!
Getwid plugin provides 34 blocks as below:

  • Section Block
  • Advanced Heading Block
  • Google Maps Block
  • Icon Block
  • Icon Box Block
  • Image Box Block
  • Social Links Block
  • Banner Block
  • Image Slider Block
  • Media & Text Slider Block
  • Button Group Block
  • Person Block
  • Accordion Block
  • Toggle Block
  • Tabs Block
  • Image Stack Gallery Block
  • Testimonial Block
  • Recent Posts Block
  • Advanced Spacer Block
  • Instagram Block
  • Counter Block
  • Price Box Block
  • Progress Bar Block
  • Circular Progress Bar Block
  • Contact Form Block
  • Post Carousel Block
  • Price List Block
  • Post Slider Block
  • Custom Post Type Block
  • Mailchimp block
  • Countdown block
  • Video Popup block
  • Content Timeline block
  • Image Hotspot block

7 – WooCommerce Blocks (Free)

WooCommerce Blocks
WooCommerce Blocks

WooCommerce Blocks are the easiest, most flexible way to display your products on posts and pages. Select and display a single product in a new, high impact fashion. Control text alignment, hide or show the price and description, add a color overlay, change the button call to action, and override the product photo. Visually highlight a product category to increase traffic to that specific section on your shop.
WooCommerce Blocks plugin provides 17 blocks as below:

  • Filter Products by Attribute
  • Product Search
  • All Products
  • Hand-picked Products
  • Product Categories List
  • Products by Category
  • Featured Product
  • Reviews by Product
  • All Reviews
  • Reviews by Category
  • Products by Tag
  • Newest Products
  • On Sale Products
  • Featured Category
  • Active Product Filters
  • Best Selling Products
  • Filter Products by Price

8 – Page Builder Gutenberg Blocks – Kioken Blocks (Free)

Page Builder Gutenberg Blocks – Kioken Blocks
Page Builder Gutenberg Blocks – Kioken Blocks

Kioken Blocks is a fantastic suite of advanced Gutenberg Blocks that will maximize your productivity and creative freedom. It takes only a couple of minutes to create a beautiful, responsive website with Kioken Blocks. With the Kioken Blocks for Gutenberg, your page building experience with the new editor is maximized. Kioken Blocks has unique and creative blocks that will help you build and design pages and posts quickly, beautifully, like a pro.
Kioken plugin provides 14 blocks as below:

  • Container Row Block
  • Kinetic Wrapper Block
  • Icon Block
  • Kinetic Posts Block
  • Tabs Block
  • Features Block
  • Fancy Buttons Block
  • Testimonials Carousel Block
  • Split Headings Block
  • Divider Plus Block
  • Google Maps Block
  • Visual List Block
  • Image Box Block
  • Numbers Counter Block
  • Open Table Form Block

9 – Stackable – Gutenberg Blocks (Free)

Stackable – Gutenberg Blocks
Stackable – Gutenberg Blocks

Stackable is one of the first and most expansive block collections made specially for the new WordPress Block Editor (Gutenberg). It adds essential custom blocks to Gutenberg’s arsenal to achieve a smooth page building experience. With its latest iteration, Stackable brings a suite of high quality blocks for page building, with precision design tools that let you build the perfect website and landing page that you want.
Stackable plugin provides 23 blocks as below:

  • Container Block
  • Separator Block
  • Posts Block
  • Feature Grid Block
  • Accordion Block
  • Image Box Block
  • Feature Block
  • Icon List Block
  • Call to Action Block
  • Card Block
  • Header Block
  • Count Up Block
  • Video Popup Block
  • Pricing Box Block
  • Testimonial Block
  • Team Members Block
  • Notification Block
  • Number Box Block
  • Expand / Show More Block
  • Button Block
  • Blockquote Block
  • Divider Block
  • Spacer Block

10 – PricingBlock – Responsive Pricing Table for Gutenberg (Free)

PricingBlock - Responsive Pricing Table for Gutenberg
PricingBlock – Responsive Pricing Table for Gutenberg

PricingBlock is a simple and powerful WordPress plugin that provides a Gutenberg pricing table block for entrepreneurs and service providers. With PricingBlock you can create a modern and responsive pricing table for your business pricing plans in just a few seconds.

Features List:

  • Responsive pricing tables it’s can be work with any screen sizes.
  • It is possible to rearrange the plans with one click.
  • Up to 10 plans per table.
  • Unlimited text and background color.
  • You can insert any Gutenberg blocks to plans body.
  • Possible to set any plan as featured plan.
  • Possible write anything in plan ribbon.
  • It is possible to replace plans button with any other button from other blocks.
  • It is possible to set background color for plans separately.

11 – SoloBlocks – Blocks for WordPress Gutenberg Editor ($19)

SoloBlocks - Blocks for WordPress Gutenberg Editor
SoloBlocks – Blocks for WordPress Gutenberg Editor

Solo Blocks is an assemblage of unique blocks specifically designed for Gutenberg – a new WordPress visual editor bringing fresh blogging experience. Gutenberg blocks are absolutely fresh solutions for composing posts in WordPress. This is an exclusive approach to blogging and creating content for WordPress websites.

12 – Guten Maps – Google Map Gutenberg Block ($15)

Guten Maps - Google Map Gutenberg Block
Guten Maps – Google Map Gutenberg Block

It is a simple, functional and fully customizable tool that makes it so much easier for your people to find you! What makes this plugin an absolute must-have for any website, is the ease of installation, and the simplicity of use. Install this amazing WordPress plugin to save your time, and spare yourself and your customers and employees lots of effort and trouble!

Complete Features List:

  • Plugin allows to set up a map with multiple location markers
  • Allows to set up a multiple markers for each Google Maps location
  • Allows you to choose from 20+ predefined styles, or set up an unlimited number of custom markers
  • Info window complete with all the information you need to display
  • WordPress plugin with customizable and mobile-responsive map size
  • Allows to calculate the center of your map automatically, or set it manually
  • Customizable zoom

13 – KingBlocks – Amazing Gutenberg Blocks ($15)

KingBlocks - Amazing Gutenberg Blocks
KingBlocks – Amazing Gutenberg Blocks

This plugin is a package of blocks to use with the new WordPress editor Gutenberg. A lot of options and styles to get an amazing website. Easy to customize, learn, and enjoy this new plugin.

Complete Features List:

  • 20 amazing blocks
  • +150 options in the admin area
  • Minimal and creative design
  • Work with any Youtube and Vimeo video
  • Fully responsive
  • Leaflet library to create maps
  • Fontawesome 5.2 included
  • Cool animations with animate.css

14 – Inster – Instagram Block for WordPress Gutenberg Editor ($29)

Inster – Instagram Block for WordPress Gutenberg Editor
Inster – Instagram Block for WordPress Gutenberg Editor

Inster is a version of the popular Instagram widget for WordPress Gutenberg Editor, which allows shares photos and videos from Instagram on the website built on WordPress 5.0+. The Block can be used to display a Square Grid of posts from Instagram. Inster allows you to display a feed by Username, Tag( Top Posts/Most Recent ) or a Location ID.

Key features of the Inster WordPres plugin:

  • Gutenberg Editor Block
  • Feed by Tag(Recent/Top)
  • Feed by Username
  • Feed by Location ID
  • Grid Responsive Settings
  • Double First Post Grid Layout
  • Grid up to 12 Cols and 12 Rows
  • 10 Initial Animations Effects
  • 14 Hover Animations Effects
  • 2 Image Hover Styles and the Ability to Disable Hover
  • 12 Preset Color Schemes and the Ability to Choose any other Color
  • Lightbox view mode
  • Ready to translation and includes a .pot file
  • Tested and Compatible with WordPress 5.0+
  • Updates and New Features
  • Huge Customization Capabilities
  • 6 months Included Support
Instaberg - Instagram Feed Gallery - Gutenberg Block
Instaberg – Instagram Feed Gallery – Gutenberg Block

Instaberg is the newest Instagram feed plugin for WordPress that allows you to display posts/videos from your own Instagram account / public posts into any page/post by using WordPress blocks. The plugin lets you combine and stream posts/videos from Instagram accounts, hashtags, IGTV videos & individual posts/videos. And the great thing is that you can mix any Instagram feeds on the same page/post. Display photos/videos by username or by hashtag in a simple and eye-catching block.

Advanced Features:

  • Supports Instagram user feeds, any user timeline, hashtag, and IGTV videos.
  • Add feeds to any page/post using WordPress blocks
  • 9 different layout types to choose from.
  • Gallery type – choose to display images/videos or both
  • Options to choose the number of rows and columns for the grid layout.
  • Display load more button or not
  • Options to change primary color/text color
  • Options to change font family/font size
  • Playlist layout – options to show playlist, autoplay video and show fullscreen button – setup custom player height also
  • Translation ready
  • Cross-browser compatibility.
  • For each layout dynamic configurations available.

16 – CPElementia – Gutenberg Blocks for Site Creators ($14)

CPElementia - Gutenberg Blocks for Site Creators
CPElementia – Gutenberg Blocks for Site Creators

CPElementia is a impressive collection of Gutenberg blocks and extended components features. It is a WordPress Plugin which extend page builder Gutenberg by adding very useful extra block elements to it. Gutenberg is upcoming WordPress default block editor which is now available as a plugin. Gutenberg users can create rich content in a easiest way. CPElementia will help to create more rich content blocks for website creators, publishers and marketers.

CPElementia plugin provides 6 blocks as below:

  • Team Members Block
  • Feature Box or Intro Box Block
  • Testimonial Block
  • Pricing Table Block
  • Countdown Block
  • Social Icon Block

17 – GSlider – Premium Gutenberg Slider Block For WordPress ($11)

GSlider - Premium Gutenberg Slider Block For WordPress
GSlider – Premium Gutenberg Slider Block For WordPress

GSlider is an image slider plugin for WordPress that adds a simple to use slider block to your WordPress editor. It is well known that Sliders increase user engagement on websites. This is why we created a slider that can be used on any page/post on your website. Feature blog posts, products & more! Fully customizable Modern navigation & cool zooming effects.

GSlider features List:

  • Add Unlimited Slides
  • Custom Slider height
  • Autoplay option – select to autoplay or not
  • Player controls – display them or not
  • Custom Title / Subtitle / URL on each slide
  • Custom Font Family / Font Size / Font color
  • Custom Navigation – select active / inactive colors
  • The possibility to Sort slides / delete
  • Preview the slider straight into the editor
  • Title / pagination custom alignments – left, center, right
  • Read more button
  • Responsive
  • Works with any Theme

18 – Advanced Gutenberg Blocks (Free)

Advanced Gutenberg Blocks
Advanced Gutenberg Blocks

Advanced Gutenberg Blocks is the perfect tool for the new WordPress Editor. Advanced Gutenberg Blocks features a setting page with all the blocks where you can edit default settings and manage your blocks.

Advanced Gutenberg Blocks plugin provides 16 blocks as below:

  • Notice
  • Post
  • WooCommerce Product
  • WooCommerce Add to cart button
  • Banner Ad
  • Text + rectangle Ad
  • WordPress Plugin Card
  • Website Card preview
  • Testimonial
  • Google Map
  • Click to Tweet
  • Table of contents
  • Intro
  • Giphy
  • Unsplash
  • Code

19 – Advanced Gutenberg (Free)

Advanced Gutenberg
Advanced Gutenberg

Advanced Gutenberg 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.

Advanced Gutenberg plugin provides 24 blocks as below:

  • Column manager with pre-defined layouts
  • Latest post slider and latest post slider
  • Latest WooCommerce product slider and latest product slider
  • Advanced Button block
  • Contact form block
  • Advanced List block
  • Map block
  • Advanced Table block
  • Accordion block
  • Tabs block
  • Testimonial block
  • Contact Form block
  • Email Opt-In block
  • WordPress login block
  • WordPress register block
  • Counter block
  • 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
  • Supercharge the separator tool with size, color, spaces
  • 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

20 – Page Builder Gutenberg Blocks – CoBlocks (Free)

Page Builder Gutenberg Blocks CoBlocks
Page Builder Gutenberg Blocks – CoBlocks

CoBlocks is the most innovative collection of page building WordPress blocks for the new Gutenberg WordPress block editor. With additional blocks and true row and column building, CoBlocks gives you a true page builder experience for Gutenberg. CoBlocks is powerful but lightweight: it adds functionality to the WordPress editor without bloat. This is the plugin you’ve been waiting for, and it will make you rethink what WordPress is capable of.

Page Builder Gutenberg Blocks plugin provides 26 blocks as below:

  • Accordion Block
  • Alert Block
  • Author Profile Block
  • Buttons Block
  • Carousel Gallery Block
  • Click to Tweet Block
  • Dynamic Separator Block
  • Features Block
  • Food & Drinks Block
  • Form Block
  • Gif Block
  • GitHub Gist Block
  • Hero Block
  • Highlight Block
  • Icon Block
  • Logos & Badges Block
  • Map Block
  • Masonry Gallery Block
  • Media Card Block
  • Pricing Table Block
  • Resizable Row/Columns Blocks
  • Services Block
  • Shape Divider Block
  • Social Profiles Block
  • Social Sharing Block
  • Stacked Gallery Block

Coda

These are some of Gutenberg blocks WordPress plugins that you can use to build your site with different options and features as offered by each plugin.

See our Gutenberg article for more details : A Comprehensive Guide to New WordPress Editor aka Gutenberg

Comments

1 thought on “20 Best Free and Paid WordPress Gutenberg Blocks for 2020

saysat

Leave a Reply

Your email address will not be published. Required fields are marked *

insert_comment

account_box
email
email