Over the years, Gutenberg has improved to some extent, but you still need a page builder for that. This is why we’ve been reviewing GutenKit, a new page builder for your block editor. It‘s a feature-rich, comprehensive solution for your website.
Here’s an in-depth look at GutenKit, including its standout features, pros and cons, and how it compares to alternatives.
Table of Contents
GutenKit Overview
GutenKit is developed and backed by Wpmet, a brand with millions of active WordPress users. They recently launched this product and have already received positive feedback from Gutenberg users.
The best thing about this plugin is that it enriches the block editor with advanced features and functionality, while not compromising on optimal page speed. And, it’s important to note that GutenKit doesn’t just offer basic block enhancements.
Instead, it takes the power of the default block editor to a new level that matches the capabilities of traditional page builders. Sometimes, GuenKit can even outperform other website builder plugins in terms of creating lightweight, faster-loading websites.
So, will GutenKit be a game-changer for your Gutenberg websites? Let’s find out the answer.
GutenKit Review: Why Use It on Gutenberg Websites?
GutenKit is an FSE (Full-Site-Editor) compatible page builder plugin, meaning you can change and add any part of your website within the Gutenberg editor. Plus, you are free from any coding troubles and can perform every editing work from the drag-and-drop interface. So. it’s a flexible and beginner-friendly web-building tool.
Moving to the design part, it ships with 65+ blocks, 20+ modules, and 900+ readymade designs. But I won’t recommend going with numbers alone. You need to know what a page builder plugin actually brings to the table.
And, here are some prominent features that caught my attention:
| ✅ Mega Menu Builder ✅ Query Loop Builder ✅ Custom Breakpoints for Responsiveness ✅ Dynamic Content ✅ Display Condition | ✅ Container Customization ✅ On-page-scroll ✅ Parallax Effects ✅ Motion AnimationInteraction |
And, you’ve the utmost flexibility while doing the site’s customization. For example, the container width can be changed by dragging the mouse cursor. Another time-saving feature is that the preview tab automatically changes to the browser tab, so you don’t have to reload it every time you make a change.
Overall, GutenKit offers both an intuitive interface and advanced functionality to create modern websites with great satisfaction.
Key Features of GutenKit
Let’s look at some of the main features of Gutenkit, which will help you decide.
Flexible User Experience
Since a Gutenberg plugin has to boast all of its features within the block editor dashboard, prioritizing user-friendliness for uninterrupted access to all feature settings is a top consideration.
Now, coming to the GutenKit block editor plugin, all its features and functions are organized into three tabs: Content, Style, and Advanced. So, users can easily know where to click.
Another much-needed convenience is you don’t need to reload the preview tab browser every time to see the changes. The preview browser tab automatically updates when you make any changes.
Plus, this page builder plugin supports the copy-paste-styler feature across all the blocks, eliminating repetitive design work and saving time.
Full Site Editing (FSE) Compatibility
GutenKit ensures website users a comprehensive customizing and styling experience by providing an FSE (Full Site Editing) compatible editing experience. This means you have control over every aspect of your website layout, from the bottom to the top.
Whatever, you want to build or customize in your website, you can easily do it by inserting blocks. Let’s see the GutenKit blocks in detail.
Extensive Block Library
GutenKit is a multi-purpose website builder block-editor plugin. Its versatile block library enables you to craft any modern and unique design, no matter what niche and what part of the website you’re working with.
🔶 Navigation Blocks
To simplify header building for your Gutenberg website, GutenKit offers exceptional blocks like Nav Menu, Vertical Menu, Mega Menu, Offcanvas, Header Info, and Advanced Search developed for creating intuitive multi-layered header navigation—perfect for large e-commerce sites, news platforms, and content-rich websites.
🔶 Post Blocks
You can craft your blog page design with GutenKit’s blocks like Table of contents, Advanced Heading, Advanced Paragraph, Drop Cap, Reading Progress Bar, etc. Another highlight for blogging or any other website with blog posts will be showing blog posts in a grid layout and vertical tabbed way.
🔶 Image Blocks
Gutenkit has some exceptional blocks for displaying images in an impressive layout with various animations and styling features to create a long-lasting impression. Advanced Image, Image Accordion, Image Box, Image Comparison, Image Masking, and Image Hover Effect blocks will help you to show custom overlays, unique custom shapes, image filtering, and other controls like focal point & responsive design.
🔶 Creative Blocks
Show important information and data elegantly and smartly with blocks like Dual Button, Chart, Progress Bar, Donut Progress Bar, Unfold, Flip Box, Creative Button, Stylish List, Time Line, Countdown Timer, etc. These blocks are important to emphasize the interactive showcasing of your website’s critical content.
🔶 Animation Blocks
Another way to add creative flair to your Gutenberg-based website is to use GutenKit creative blocks like Video Scroller, Particles, Motion Text, Hotspot, Textpath, and Content Ticker. Using these blocks, you can dynamically visualize content with appealing animation and elements to grab visitor attention instantly.
Apart from that, GutenKit serves many other blocks to fulfill versatile needs like sharing the website’s content to social platforms, customizing different website forms, showing the product’s price or service fees, etc.
Versatile Pre-designed Templates and Patterns
GutenKit comes with over 900+ pre-made templates to instantly build your website. No matter what industry and topic you’re working with, there is a good chance that you will find a professionally full-website layout to easily build your website with only a few clicks.
The template library is available within your block editor dashboard. You can easily pick your template or pattern and change it to your liking.
Mega Menu Builder
Ask any WordPress user—building and customizing a fully functional multi-layered mega menu can feel like a challenging task. Especially when you’re working directly in the block editor, it can be tricky. But GutenKit offers an exceptional solution—and it’s one of my personal favorites!
Firstly, I don’t need to do any code here, just clicking a “+” icon, I can manage to add a menu or submenu item. Then, when it comes to customization, each menu can be customized separately to give it exactly the look I want.
And, don’t end here. You can also apply different revealing effects, icons, and other animated stylings. To build a comprehensive header navigation, you can also use other blocks like buttons, CTA, contact number, external links, etc.
Build a Dynamic User Experience
Show your users exactly what they want to see or what is relevant to them. GutenKit empowers with different features like query loop builder, dynamic content, and display condition. You can present blog posts or product listings depending on a specific parameter. Further, you can assign content displayed based on data sources to ensure a personalized experience.
Furthermore, you can show or hide content according to various criteria or show premium content to subscribers only. Overall, these functionalities help to boost the website’s effectiveness.
Advanced Animation and Effects
GutenKit has advanced animation features to help you stand out in the crowd. You can implement various animated components and functions like glass morphism, motion effects, on-page scroll, interaction experience, and many more.
For example, as your mouse scrolls through different elements of your web page, there will be some movement, color changes, motion, and many other animated effects. And, all of them, you’re doing without any code.
Display Content Dynamically
GutenKit has some innovative features that show user-specific content data, posts, or WooComerce products to create a personalized experience for your visitors. The query loop builder widget or conditional content module are the best examples of this.
You can apply multiple conditions and set different parameters to tailor an engaging content experience. These features enable you to show premium content to subscribers only.
Responsive Design Tools
A standout feature of the GutenKit page builder is its responsive breakpoint capability. Like, I can set the preferred screen sizes mobile, tablet, and desktop just using the pre-defined breakpoints. And, when I will need, I can define the custom width for each breakpoint. Managing all responsive settings in GutenKit is effortless, right within the block editor.
Performance Optimization
Another beneficial aspect of Gutenkit for WordPress users is that it doesn’t create any bloat to hinder your website speed. It integrates with fast-loading fonts and icons and loads only required items. Further, the codes are optimized smartly to avoid unnecessary loading of CSS and JavaScript CSS. And, the team behind this GutenKit is constantly updating this plugin for optimum performance.
An Active Team
Finding a featured-rich plugin is one thing, but having an active team behind is another. In this case, GutenKit comes with trust and credibility, with a big team behind it, Wpmet. They support all their existing customers with dedicated support and constantly update with new features and useful documentation.
GutenKit Pros and Cons
Here are some pros & cons of GutenKit:
Pros
✅ Site-wide drag-and-drop builder – required zero coding.
✅ Features the same native interface as the WordPress block editor.
✅ Draggable container builder with in-line editing.
✅ Support copy-paste styling across blocks.
✅ Visual mega menu builder and insert any blocks in the header area.
✅ Built-in icon library with 900+ inline SVG font icons.
✅ Set responsive breakpoints for landscape and widescreen view.
✅ Not all the blocks load simultaneously in the backend.
✅ Provides responsive breakpoints for mobile, tab, & desktop.
✅ Get 3D parallax effects and motion animations.
✅ Available with a free version.
Cons
❎ Some old combinations of shortcuts won’t work in GutenKit due to the lack of a WordPress block editor.
❎ May require a little time to cope with the block editor interface if the user is unfamiliar with it.
❎ GutenKit currently lacks advanced features like a video gallery and popup, but these are under development as per the roadmap.
Comparison: GutenKit vs. Competitors
GutenKit competes with other Gutenberg-based plugins like Spectra and Kadence Blocks. Here is one thing we need to note GutenKit is relatively a new plugin but has shown impressive growth as well. Plus, the GutenKit Pro version’s pricing is much more affordable than other top Gutenberg page builder plugins.
However, this GutenKit page builder doesn’t compromise in terms of advanced features and animated features. It offers a mega menu & query loop builder, a feature rarely found in other Gutenberg page builders. You can also add various cutting-edge animation features like glass morphism, parallax effects, one-page scroll, interaction effects, etc. A page builder with all these features makes this block addon a comprehensive choice.
If someone asks why I prefer GutenKit over its competitors, it’s because of its responsive breakpoints feature. This kind of feature is very useful for beginners since building a responsive website is big challenge for them.
Should you use GutenKit Free or Pro version?
If you want to try GutenKit, you can download the free version from the WordPress repository. It offers all the design features needed to set up a basic website. But, as your website grows, you’ll need to add additional functionality like Mega Menu, Breadcrumbs, Google Maps, Hotspots, Advanced Tabs, and other animation features.
That means you’ll end up getting the Pro version. The version is available with 3-tier pricing plans:
🟢 Personal – $39 Yearly.
🟢 Professional – $79 Yearly.
🟢 Agency – $149 Yearly.
All these free packages are also available with a lifetime deal. I would suggest you look for the nearest sale season. I have seen this plugin give huge discounts on occasions like Cyber Monday, Black Friday, New Year, Holiday sales, and many more. Or, if you’re in serious need you should go for it now.
Wrap Up
There are plenty of reasons we recommend GutenKit as one of the best WordPress Gutenberg page builders, especially for beginners. It offers a range of blocks, smart modules, interactive animations, fully customizable templates, and many more.
And, the best thing is that GutenKit provides everything you need to design a standard website without having to pay anything.
We hope this GutenKit review helped you decide whether you should take this plugin as your Gutenberg partner or not.
Leave a Reply