The Best Gutenberg Block to Power WordPress
The Gutenberg Block has been around for a while and it is going to stay for long. Everybody’s updating to Gutenberg. Are you looking for the best Gutenberg block plugins for your WordPress site?
Well, before we start please note that there are two types of Gutenberg blocks plugins available on the market. One is a ‘Single Purpose Blocks Plugins’ and the second one is the ‘Gutenberg Blocks Libraries’.
As the name suggests Single Purpose Blocks Plugins provide one specific feature and usually provide a single powerful block to add content in WordPress.
On the other hand, the block collection plugins which comprise of various blocks in a single plugin. Checkout from the list of Gutenberg Block plugin to install.
1. The Guteblock
Guteblock is a perfect block for beginners. It can provide you with a smooth page building experience. Guteblock has got all the essential custom Gutenberg block to Gutenberg’s arsenal. A suite of high-quality blocks for page building enables to build a perfect website and creating a landing page in your way according to your requirement, easily.
In case of bugs encountered if any, you can add the same into the support section in the WordPress plugin repository. A support team would get it fixed soon and will be releasing the update. Guteblock has in store for you the following blocks:
- Team Members: The Team Member Block helps you to showcase the individuals in your team. You can add any interesting information about each individual in your teams like their position, duties and specialities. It is also useful for the author profile for posts.
- Post Grid: This Block helps you to create responsive grids for your posts, pages or any custom post type. You can choose from multiple templates for your grids.
- Testimonial: The Testimonial Block lets you easily share your social proof by letting your site visitors know what other people say about you. You can also highlight feedback from notable industry players.
- Number Box: Display your numeric figures with the Number Box block. You can elegantly display steps in a process, different product options, different service plans, different product features and much more.
- Separator: This block enables you to separate two blocks of content by a line, the separator block is the right tool!
- Container: This block enables you to combine different blocks in a single row. You can change the container layout and size to different You can change the container layout and size to different configurations for ultimate flexibility.
2. Ultimate Addons for Gutenberg
If you want more blocks for your Gutenberg based page building, one of the best sets is available with this plugin.
Ultimate Addons for Gutenberg is a widely used Gutenberg blocks library plugin. It is created by the people behind the popular Astra theme. There are 20 blocks available in the plugin. This is a free plugin, and you can download it from the WordPress.org plugin store.
The designs are pixel perfect and the blocks are customized for efficient performance. It helps you power-up the Gutenberg editor with advanced and powerful blocks that help you build websites in no time!
There are 20 blocks available in this plugin. These are:
- Advanced Heading: You can add a combination of a heading and a sub-heading with a separator in between. You can select the heading tag for the heading and manage other settings and customizations too.
- Advanced Columns: Insert a number of columns within a single row. You get various customization options to manage the look and feel of the entire block and individual columns on the page.
- Blockquote: Display quoted tweetable text in a trendy and designer format with lots of customization options.
- Call To Action: The Call To Action block helps you to create attractive call-to-action with a trendy title, description and a catchy button that boosts conversions on your website.
- Contact Form 7 Styler: The Contact Form 7 Styler is an easy to use Gutenberg block that allows to fully customize and design the existing Contact Form 7 forms on your website.
- Content Timeline: The Timeline block lets you create beautiful timelines on your website. This could be useful for displaying company history or progress, list down your achievements, roadmap or release cycle for products etc.
- Google Map: The Google Maps block allows you to display locations with zooming options you’ll love to try.
- Gravity Forms Styler: Customize your default Gravity Form with the Gravity Form Styler to display more appealing forms that convert.
- Icon List: The Icon List block allows you to place an image or icon in a list format. You can pick your favourite icon or image that suits a list to act as a bullet for each list item.
- Info Box: You can place an image or icon along with a heading and description within a single block. You can select the image or icon and customize the content within the block.
- Marketing Button: The Marketing Button block allows you to create trendy CTA that aim at attracting the audience with conversion-oriented text and a stunning button with lots of customization.
- Multi Buttons: This Gutenberg block allows you to add multiple buttons within a single block. You can add as many as 1 to 5 buttons with a Multi-Button block. Furthermore, it gives you additional settings for every button and allows you to manage spacing and responsive settings too.
- Post Carousel: Wish to create a post slider in which your blog posts appear within a carousel? The Post Carousel block allows you to display posts in a carousel and manage their settings and the content you wish to display within them.
- Post Grid: The Post Grid block fetches the blog posts you may have on your website and displays them in a grid layout. You can customize the order of your posts, and manage settings like the featured image, content, etc.
- Post Masonry: The Post Masonry block fetches the blog posts on your website and displays them in a masonry layout. You can customize the way your posts look and manage settings like the featured image, the content you want to display, etc.
- Post Timeline: The Post Timeline block helps you display the blog posts on your website in an ordered list according to the dates they are published on. You can customize the content seen for each blog post and manage the date, featured image etc.
- Price List: This block allows you to design a nice-looking, easy to manage, Price List for your website.
- Section: This is an outer wrap section that allows you to add other blocks within it. You can manage the layout of this section and customize it using options like spacing, background, border and the advanced settings.
- Social Share: The Social Share block allows you to let users share your content across various social networking sites.
- Table of Contents: The Table of Contents Block lets you display an index or a list of headings included within a long post or page. This gives users an overview of the content and links to the specific sections on the page or post.
- Team: The Team block allows you to display your team. Add their picture, name, what they do and links to their social profiles.
- Testimonial: The Testimonial block helps your display some amazing client feedback within your website in a carousel layout.
The blocks provided in Ultimate Addons for Gutenberg are unique and can help you create gorgeous pages on your website. The plugin is free and optimized for performance, so you don’t have to worry about your website speed.
3. Atomic Blocks
Atomic Blocks is a free Gutenberg plugin with a collection of custom WordPress blocks. Atomic Blocks was acquired by WP Engine, one of the leading managed WordPress hosting companies. The Atomic Blocks library comprises of 14 useful Gutenberg blocks.
This library comes with some of the best WordPress blocks that you may need. Some of these are:
- Advanced Columns Block – That helps you create beautiful multi-column layouts.
- Section & Layout Block – Pre-designed page sections and page layouts to choose from.
- Newsletter Block – Create a MailChimp Email form.
- Pricing Block – Build beautiful pricing tables in WordPress.
- Share Icons Block – Add social share buttons to your posts and pages.
Other features include Post Grid, Container, Testimonial, Inline Notice, Accordion, Share Icons, Call-to-action, Customizable Button, Space & Divider, Author Profile, Drop Cap. Atomic blocks plugin works with any theme and you can create any plugin help you create beautiful pages and post.
4. Ultimate Blocks – Free Gutenberg Blocks Plugin for Bloggers
Ultimate Blocks plugin is also a block collection plugin with several extra Gutenberg blocks for bloggers and marketers.
Here are some of the blocks offered by the plugin:
- Content Filter: Content Filter lets your visitors filter the content based on different filters. You can let your users go through your content more easily.
- Review Block: Add a review block with product name, features, summary, button and star rating. It is Schema Markup enabled.
- Table of Contents Block: Generate a table of contents from your headings.
- Notification Box Block: Allows you to add a simple notification box in your articles
- Call to Action Block: Add a nice call to action box with a button. Encourage users to take action, engage more. You can customize everything in the block.
- Content Toggle: Add contents in accordions. Let visitors expand them and show the content.
- Styled Box Block: Add styled box-like – Notification box, Number box, Feature box in your content. Three templates now, more in the making.
- Styled List Block: This block lets you add a styled list in your post or pages. Instead of bullets, you can use various icons as your list style type. You can also choose a colour for icons.
- Expand Block: Expand Block lets you add expandable content. You can hide some part of your content initially. Upon clicking on ‘Show More’ it will show. It can be hidden again.
- Testimonial Block: Nice, simple testimonial box with the option to add image, name, the role of the testimonial author.
- Click to Tweet: Add tweetable content in your posts/pages.
- Social Share Block: Add social share buttons in your posts and pages with these blocks. It comes with lots of customization options too.
- Countdown Block: Add a countdown in your post/pages. Comes with three different styles.
- Progress Bar Block: Add Circle/Line Progress bar with this block. Comes with options to change thickness, colour
- Post Grid Block: Add a list or grid of your posts. Comes with options to change categories, order and many more.
- Star Rating Block: Add Star ratings in your posts/pages. You can customize the size, colour, numbers of stars.
- Image Slider Block: Add a lightweight, simple image slider in your post. Comes with additional settings.
- Button Block: Button block with more customization options and controls.
- Divider Block: Add custom divider between your blocks. Customize the colour, size, everything.
- Click to Tweet Block: Easily add tweetable content in your posts and pages.
5. Stackable Gutenberg Blocks – Beautiful Custom Blocks
Stackable is one of the first and most expansive block collections made especially 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 has got more than 20 easy to use blocks for Gutenberg.
Here are some of the cool WordPress blocks offered by this plugin
- 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
Apart from these blocks Stackable also offers effects and background options. You can use cool video or image as backgrounds or provide gradient background effects and much more.
6. CoBlocks
CoBlocks is an innovative collection of page building WordPress blocks for the new Gutenberg WordPress block editor. It is more inclined to provide a page builder experience for Gutenberg. You can make beautiful web pages using different customization features.
There are currently 11 content blocks provided in CoBlocks plugin. These blocks are:
- Accordion Block
- Alert Block
- Author Profile Block
- Buttons Block
- Carousel Gallery Block
- Click to Tweet Block
- Collage Gallery 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
- Offset Gallery Block
- Post Carousel Block
- Posts Block
- Pricing Table Block
- Resizable Row/Columns Blocks
- Services Block
- Shape Divider Block
- Social Profiles Block
- Social Sharing Block
- Stacked Gallery Block
Compared to other Gutenberg blocks plugins we’ve seen in the list, CoBlocks doesn’t provide as many blocks. But the plugin offers some really great typography controls that let you set fonts, change their size and weights, and much more.
The plugin is available for free and is a good addition to the Gutenberg editor.
7. Getwid
Getwid is a block collection of more than 34 Gutenberg blocks. It is suitable for corporate sites, landing pages, eCommerce, blogs, small business websites.
The plugin was created by MotoPress, a team with more than 6 years’ experience in developing easy-to-use page building and content editing tools for WordPress. So far, Getwid is quite an extensive block collection.
These are some of the Getwid blocks
- Section Block: Build custom page section layouts of any type. Set alignments; use video, slider and image backgrounds; change foregrounds, apply animation, play with colours and shapes!
- Advanced Heading Block: Create catchy headings with access to Google fonts, styles, sizes, one-click text case conversion, spacing and colours.
- 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 colours, sizes and hover effects.
- Image Box Block: 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, colours, animation effects and more tools for a 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 colour 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: You can expand tabs manually.
- Tabs Block: Horizontal tabs with a bunch of pre-set styles and customizable headings.
- Image Stack Gallery Block –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 behaviours.
- 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 colours.
- Circular Progress Bar Block: Animated circular progress bars with the adjustable bar sickness, size and colours.
- 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, colours, and images.
- Post Slider Block: Fetch your already existing posts, products or other custom post types data into a 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, colours, spacing and more.
- Video Popup block: Display your Youtube, Vimeo or self-hosted videos in popups; they play video button, custom video covers, colours 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: Place unlimited animated markers with fully customizable tooltips over your image to make it more informative and interactive.
8.Kadence Blocks
Kadence Blocks is quite different from these plugins. It offers blocks that let you design custom layouts easily so that you don’t have to rely on page builders. It is a perfect starting block as you can easily start with pre-designed content that you can edit. The plugin is free and is a unique way of extending the capabilities of the Gutenberg editor.
Here are the 18 Custom Blocks offered by this plugin:
- Row Layout
- Advanced Heading
- Advanced Button
- Tabs
- Icons
- Spacer / Divider
9. Qubely
Qubely is a supremely crafted WordPress Gutenberg block plugin. It’s built by our WordPress experts and used in the Themeum official site itself. Qubely is a full-fledged block plugin for Gutenberg editor. Get plenty of readymade layouts and create pages and posts easily. Qubely reduces the limitations of the Gutenberg editor and helps you build any simple to complex layout on WordPress.Blocks in Qubely comes with unlimited styling options and features to ensure the best experience with Gutenberg.
- Row
- Button
- Testimonial
- Heading
- Counter
- Tabs
- Accordion/Toggle
- Advanced Text
- Video Popup
- Google Map
- Progress Bar
- Icon
- Divider
- Social Icons
- Button Group
- Button
- Info Box
- Advanced List
- Contact Form
- Icon List
- Pricing
- Block Wrapper
- Team
10. Otter Blocks
Otter is a lightweight WordPress plugin that brings extra Gutenberg blocks to your site. So if you want to create complex pages and posts optimized for e-commerce, business, social media, blogs – you name it -comes with dozens of Gutenberg blocks that are all you need to build beautiful pages.
Every block can be customized in a few seconds, as they come with an easy and intuitive user. Besides the plugin provides a beautiful library of pre-built Gutenberg-compatible templates that you can simply import via one click.
It has got the following blocks:
- Section Block
- Advanced Heading Block
- Button Group Block
- Slider Block
- Google Maps Block
- Post Grid Block
- Service Block
- Pricing Block
- Testimonial Block
- About Author Block
- Font Awesome Block
- Sharing Icons Block
- Plugin Card Block
So, these were some of the best Gutenberg block plugins that can boost up your Gutenberg editor. You can choose the one perfect for you! You can also check out the list of best BuddyPress plugins.
You May Also Like
In today’s digital age, monetizing your WordPress website has become increasingly accessible. With the right tools ...
Ensuring that your website is inclusive for users with disabilities is not only a moral obligation but also a legal requ ...
A sluggish WordPress site can be a major headache for both website owners and visitors. Slow loading times can harm user ...