Description
No more struggling with complicated page builders or the need for coding expertise.
Introducing GutenKit for Gutenberg, the ultimate solution for an effortless web page building experience right within the WordPress block editor.
With GutenKit, design your next WordPress website in Gutenberg as you do in page builders. With Gutenberg’s native drag-and-drop interface, 65+ WordPress blocks, 20+ versatile modules, and 900+ pre-designed templates you can create professional, responsive web content in minutes.
?Explore GutenKit capabilities in action: Check Live Demo
Let’s experience the future of web design with GutenKit for Gutenberg Blocks – design without limits, effortlessly.
| GutenKit Home Page | GutenKit Templates | Blog | Documentation | Need Support? | How to get started with GutenKit Pro |
Key Features
?? Complete page building functionalities for Gutenberg
?? Easiest way to build COMPLEX LAYOUTS
?? Perfect FULL SITE EDITOR (FSE) compatible solution
?? RESPONSIVE BREAKPOINTS for mobile, desktop & tab
?? MEGA MENU BUILDER for Gutenberg
?? QUERY LOOP BUILDER for dynamic websites
?? Full-width flexible CONTAINER with inline editing
?? MOTION ANIMATION effects for blocks
?? COPY PASTE STYLES across blocks
?? 65+ WordPress block editor-supported blocks
?? Pre-designed 900+ TEMPLATES AND PATTERNS
?? Faster loading assets, optimized for PERFORMANCE
Design Responsive Pages with Custom Breakpoints
GutenKit’s Breakpoints module empowers you to design responsive websites with precision and flexibility. By defining custom breakpoints, you can tailor website design, control content layout, and do other necessary customization to fit various screen sizes, ensuring a seamless user experience across all devices.
The Easiest Gutenberg Mega Menu Builder
GutenKit comes with the easiest way to build the mega menu in Gutenberg. Mega menu is a WordPress menu with a multi-dimensional dropdown submenus.
Using GutenKit you can create an entire mega menu inside the block editor. You just need to add submenu items and link them to existing website pages. But with this Gutenberg plugin for WordPress, you can even add new pages in the menu that will be automatically saved as drafts on your WordPress site.
GutenKit’s Mega Menu Builder lets you add any blocks as menu items including containers, carousels, tabs & more. So provide a smoother browsing experience with better navigation using GutenKit addons for Gutenberg.
Build No-code Dynamic Websites in Gutenberg
? Query Loop Builder
GutenKit Query Loop Builder block is a versatile block that helps to organize a website’s content. From blog posts to product listings, you can refine the content presentation. Experience unparalleled control over your website’s design with the unmatched flexibility of this advanced Gutenberg blocks plugin.
? Dynamic Content
GutenKit’s Dynamic Content feature is a powerful feature for maintaining consistency across your website. By linking elements to specific data sources, you can ensure that changes made in one place are reflected throughout your content.
? Display Conditions
GutenKit’s Display Condition module provides a versatile way to control the visibility of your content based on various conditions. Through the easy-to-use interface of this WordPress Gutenberg block conditions plugin, you can set specific criteria. This ensures that only relevant content is displayed to your visitors, enhancing their experience and improving your website’s overall effectiveness.
Build Faster Loading, SEO-Friendly Website in Gutenberg Block Editor
GutenKit blocks comes with-
?? Fast Loading Assets
?? Optimal Performance Ratings
?? Higher SEO Scores
?? Block API Version 3 Support
Full Site Editing with GutenKit Page Builder
GutenKit is a comprehensive WordPress builder plugin. Create everything from page layouts, and header footers, to WordPress block patterns for an entire website with GutenKit.
All GutenKit blocks, patterns, and templates seamlessly work in WordPress’s full site editor to help you make a unique design for your website.
Overall, this WordPress Full Site Editor (FSE) feature strengthens Gutenberg blocks, ensuring a user-friendly and dynamic touch to your content creation.
Create Eye-catchy Web Pages With Vibrant Animations
GutenKit empowers you to create visually stunning and engaging web pages with its dynamic animation features. Seamlessly integrating animation into your content with this WordPress Gutenberg Block Animation plugin lets you captivate your audience and leave a lasting impression.
Design Stunning Websites (NO CODE) with GutenKit’s Templates Library and Icons
?? 900+ Pre-designed Patterns & Templates
GutenKit is packed with over 900 ready patterns and templates. These exclusive patterns and templates simplify the design process and provide a quick start for building beautiful and functional layouts within the WordPress Gutenberg editor.
??Get access to this WordPress Gutenberg page builder’s library of professionally designed pre-made templates & Patterns.
?? 900+ Inline SVG Font Icons
This amazing GutenKit icon library offers an efficient loading mechanism, allowing users to access and utilize individual icons without loading the entire library. It leads to a swift user experience.
Create Complex Layouts in WordPress Block Editor
Let GutenKit’s Dynamic Blocks help you bring your website to life hassle-free. With 65+ blocks, you can easily design dynamic and beautiful web pages within the Gutenberg WordPress block editor.
?? Use Containers with page-builder-like controls
The Container block in the GutenKit allows you to create custom sections and group content within the Gutenberg editor. You can adjust container width simply by dragging the mouse cursor to right or left, much like the inline editing experience in popular page builders.
Besides, it offers a range of layout options, enabling effortless customization including full-width and boxed containers with background, padding, and endless customizations.
?? Copy Paste Styles
The GutenKit copy and paste styles across blocks let you apply a stunning design you’ve crafted to other elements in seconds. So, it ensures a consistent and professional look for your website without repetitive adjustments.
?? Organize Content in Advanced Tab
With the GutenKit Advanced Tab block, you can organize information into tabbed sections for a convenient browsing experience. You’ll get pre-designed templates for the tabs, global styles, advanced customization settings, and so on.
?? Present Content Smartly with Advanced Accordions
The Accordion block in GutenKit is your key to creating sleek and interactive content. This drag-and-drop feature allows you to create collapsible sections effortlessly. Best of all, Gutenkit makes it possible to organize any content in a well-structured and tidy way through a free Gutenberg block plugin.
?? Craft Catchy Headings
Create eye-catching headers effortlessly with the GutenKit Header block in the WordPress block editor. You can craft stunning H1, H2, and H3 headers with a wide range of customization options. One great convenience is the ability to add URLs to your headings which makes it easier for users to navigate.
?? Off-canvas menu
Now you can design and integrate space-saving off-canvas menus with our Offcanvas block. The handy tool allows you to make menus that slide smoothly into view and ensures easy access to all your important website sections.
?? Global Color Scheme
Take control of your website’s color palette with our seamless Gutenberg block editor integration. GutenKit page builder blocks let you effortlessly design cohesive layouts by leveraging the Global color scheme feature.
Create User-Friendly WordPress Menus
Besides the mega menu, GutenKit helps you create menus in the WordPress block editor in the easiest way. You can effortlessly design different types of menus including Nav Menu, Mega Menu, or Offcanvas menu that perfectly complement your website’s aesthetic, ensuring a smooth user experience.
?? Make Beautiful Nav Menu
With GutenKit Nav Menu block, making stunning navigation menus becomes a breeze. You can effortlessly design WordPress navigation menus that perfectly ensure a site-wide smooth user experience and complement your website’s aesthetic.
?? Modernize Design with Offcanvas Menu
In terms of modernizing and space optimization, the Offcanvas block is the perfect solution in the WordPress block editor. You can design and integrate space-saving off-canvas menus with our Offcanvas block. The handy tool allows you to make menus that slide smoothly into view and ensures easy access to all your important website sections.
Start Your Blogging Site With Various Post Blocks
Ready to begin blogging journey with different GutenKit Post Blocks? From captivating headlines to engaging multimedia, you can create posts that resonate with your audience and leave a lasting impression.
?? Post Grid
GutenKit Post Grid lets you visualize your latest content elegantly in the WordPress block editor. You can arrange the posts in a grid layout, providing a modern and engaging way for users to discover your latest articles or products.
?? Blog Posts
This is another flexible block. You can use GutenKit Blog Posts to show posts by category, date, or popularity, and choose from a range of eye-catching styles to make a memorable impression. Also, you can add text, images, videos, and other media to bring your content to life.
?? Post Tab
GutenKit Post Tab block helps to organize the blog posts into different categories or topics. For your WordPress site, you can create post tabs for each category, allowing readers to easily navigate and find the content they’re interested in.
?? Reading Progress Bar
The Reading Progress Bar in WordPress Block editor serves as a visual representation of progress or completion. Our block functionality includes a diverse range of templates and styles, allowing customization of percentages, progress, and duration indicators.
Interactive Response to Visitor’s Actions
Give an exceptional interactive experience to every part of your website that visitors touch. The Gutenkit interaction module allows the implementation of various interaction effects such as transformation, scrolling, rotation, changing opacity, and showing, hiding, or toggling elements in a “zero-code” way.
More Advanced Blocks for Your WordPress Site
In addition to the core features of a Gutenberg page builder, GutenKit offers a suite of advanced blocks to enhance your website’s functionality and visual appeal.
?? Showcase with Icon Boxes
With the Icon Box block in GutenKit, you can add icons from our vast library without slowing down your site. It’s super quick because it only loads the specific icons you choose.
?? Highlight with Image Boxes
GutenKit’s Image Box is an awesome feature that effortlessly displays images in a beautifully designed box. Don’t worry about your images—crop, resize, adjust them on the fly, and style them accordingly to fit seamlessly within your design.
?? Dual Buttons for Versatility
The Dual Button block of the GutenKit WordPress Block editor Plugin offers an intuitive way to integrate paired buttons with personalized styles into your content. With this block, you can create and customize two buttons, while also inserting text in the middle to provide context or information.
?? Pricing Table
Showcase your product/service prices in style with our Pricing Table block. It lets you create crystal-clear pricing tables that convert, and highlight key features, pricing structures, calls to action, and many more.
?? Showcase Before/After Image Comparison
The image comparison block of GutenKit is ideal for highlighting transformations, renovations, or any scenario where visual impact matters. With this drag-and-drop WordPress block, you can slide smoothly between the before and after comparison of an image.
?? Create Urgency with Countdown Timers
The GutenKit Countdown Timer block can empower users to create visually appealing and highly customizable Countdown Timers within the WordPress Gutenberg editor. At the same time, it can effectively add a sense of urgency to promotions and prompt swift, time-sensitive actions from their audience.
?? Attractive Gallery Style
Increase the visual appeal of your website using this Gutenberg Gallery plugin, which includes an intuitive grid and masonry-style image and video galleries. GutenKit displays your visual content in versatile and dynamic layouts for optimal visitor engagement.
Who will benefit from GutenKit?
No matter your purpose, GutenKit stands out as one of the best Gutenberg addons. Here are the highlights of the diverse audience segments and professionals who can utilize GutenKit’s potential to achieve their goals and enhance their digital experiences.
?? Website Owners and Bloggers
To create captivating, responsive web content without any coding expertise, GutenKit assists site owners and bloggers to streamlines the content creation process.
?? Small Business Owners
Small business owners can quickly establish a professional online presence and effectively showcase their products or services using GutenKit’s extensive WordPress blocks and features and engage potential customers.
?? Content Creators
Content creators also benefit from GutenKit’s ability to enhance the visual appeal of their content. With access to the best WordPress blocks library and flexible design options, they can make their content more engaging and shareable.
?? Marketers and SEO Professionals
Marketers and SEO professionals can use GutenKit to create user-friendly pages that enhance engagement and improve SEO performance. This can lead to increased website traffic and conversions.
?? Web Designers and Developers
GutenKit definitely can save time and streamline the workflow for web designers and developers with its intuitive drag-and-drop functionality and extensive library of design resources.
?? E-commerce Website Owners
GutenKit empowers e-commerce website owners to improve product listings with responsive design, pricing tables, and engaging icons, resulting in a better customer shopping experience.
?? Digital Agencies
Digital agencies can impress clients with quick and professional website development using GutenKit’s pre-designed templates and dynamic modules.
?? Non-profits and Organizations
Non-profits and organizations can effectively communicate their missions and goals with GutenKit’s captivating designs and interactive elements.
?? Freelancers
Freelancers can offer high-quality website design services without extensive coding skills using GutenKit’s no-code approach.
?? Anyone Seeking a User-Friendly Solution
GutenKit is designed for accessibility for all, ensuring that individuals with varying technical backgrounds can create visually stunning websites with ease.
?? OUR OTHER PLUGINS
Check out our other plugins:
ElementsKit – All-in-one Addons for Elementor.
ShopEngine – Complete Elementor WooCommerce builder.
MetForm – The most flexible and easy-to-use form builder.
GetGenie Ai – An advanced Ai assistant for SEO-friendly content.
WP Social – Promote your social media presence with WP social.
EmailKit – Effortless way to change your email-building experience.
FundEngine – The perfect plugin to create a WordPress crowdfunding and donation site.
Wp Ultimate Review – Manage customer reviews with Wp Ultimate Review plugin.
PopupKit – WordPress Gutenberg popup plugin to build exceptional popup for diverse needs within the WordPress block editor.
TableKit – Make fully-customizable multipurpose table & generate data table within Gutenberg block editor.
Genie Image – Generate images directly on your WordPress website with the magic of AI.
Visit Wpmet to learn more about how to get the best of WordPress with Tutorial, Tips & Tricks!
Screenshots
Blocks
This plugin provides 41 blocks.
- Image Box Image box block for gutenberg.
- Fun Fact Fun fact block for gutenberg.
- Dual Button Dual button block for gutenberg.
- Team Team block for gutenberg.
- Business Hours Business hours block for gutenkit.
- Post Tab Post tab block for gutenberg.
- Pricing Table Pricing table block for gutenberg.
- Heading Heading block for gutenberg.
- Nav Menu Nav nenu block for gutenberg.
- Button Button block for gutenberg.
- Back To Top Back to top block for gutenberg.
- FAQ Faq block for gutenkit.
- Icon Box Icon box block for gutenberg.
- Drop Cap Drop cap block for gutenberg
- Container Container block for gutenberg.
- Post Grid Post Grid block for gutenberg.
- Offcanvas Offcanvas block for gutenberg.
- Header Info Header info block for gutenberg
- Advanced Accordion Advanced Accordion block for GutenKit
- Countdown Timer Countdown timer block for gutenberg.
- Page List Page list block for gutenburg
- Progress Bar Progress bar block for gutenberg.
- Social Share Social share block for gutenberg.
- Donut progress bar Donut progress bar block for gutenberg.
- Advanced Image Advanced Image block for gutenberg.
- Social Icons Social icons block for gutenberg.
- Advanced Tab Advanced Tab Block for Gutenkit
- Advanced Paragraph Advanced Paragraph block for gutenberg.
- Mailchimp MailChimp comparison block for gutenberg.
- Image Accordion Image accordion block for gutenberg.
- Video Video block for gutenberg
- Image Comparison Image comparison block for gutenberg.
- Testimonial Testimonial block for gutenberg.
- Icon Icon block for gutenberg.
- Blog Posts Display a list of blog posts.
- Faq Item Faq Item for gutenkit.
- Nav Menu Submenu Nav menu submenu block for gutenberg.
- Advanced Tab Item Advanced tab block for gutenberg.
- Nav Menu Item Nav menu item block for gutenberg.
- Business Hours Item Business Hours Item for gutenkit.
- Advanced Accordion Item Advanced accordion item for gutenkit.
Installation
Prerequisite: Must have Gutenberg Block Editor installed and enabled. For WordPress 5.0 or higher versions, Gutenberg is the default editor.
Installation Process 1:
- Go to the WordPress Dashboard
- Navigate to Plugins > Add New
- Search for “GutenKit”
- Install and Activate the plugin.
OR
Step 1: Download the GutenKit WordPress block editor plugin.
Step 2: Go to Plugin > Add New > Upload Plugin and upload the plugin file.
Step 3: After successful installation, just click on the “Activate” button to activate GutenKit.
Step 4: All Settings will be available in the GutenKit menu.
FAQ
-
Why do you need to use a page builder along with Gutenberg?
-
A page builder like GutenKit offers more rich features and flexibility, which you can’t enjoy only using Gutenberg. Read the article.
-
Is GutenKit responsive for all screens?
-
Yes, it is fully responsive for all devices and tested for cross-browser compatibility.
-
Who can benefit from GutenKit?
-
To learn and use the GutenKit page builder follow these resources.
-
Is GutenKit a Page Builder?
-
GutenKit is a free WordPress page builder extending Gutenberg’s editing capabilities. This addon for Gutenberg also has a premium version with exceptional design elements and Gutenberg-based pre-designed templates.
-
Can I build a landing page with GutenKit?
-
Yes, GutenKit offers everything you need to design stunning and content-rich landing pages for your Gutenberg websites.
Reviews
Contributors & Developers
“GutenKit – Page Builder Blocks, Patterns, and Templates for Gutenberg Block Editor” is open source software. The following people have contributed to this plugin.
Contributors
Interested in development?
Browse the code, check out the SVN repository, or subscribe to the development log by RSS.
Changelog
GutenKit Blocks Addon: 2.2.2 (2025-03-10)
- Fixed: Fix advanced tab navigation logic and improve background slide initialization
- Fixed: Refactor SCSS styles for template library buttons and editor layout
- Fixed: Rephrase some label in the heading block
- Fixed: Dual button background, color not working issue
- Fixed: Block error issue in pricing table block
- Fixed: Input field issue in mailchimp block
GutenKit Blocks Addon: 2.2.1 (2025-02-16)
- Added: Filter to load separate core block assets for non-block themes
- Fixed: Page settings not working when no GutenKit blocks
- Fixed: Sticky module warning issue
- Fixed: Heading block deprecated issue
- Fixed: Settings pannel tabs erros
- Fixed: Template library button not working
- Fixed: Container block z-index conflict with sticky
- Fixed: Title hover color in advanced accordion block
- Fixed: Update post type condition in page settings sidebar
- Improved: Swiper arrow controls across the blocks
- Improved: Entrance animation editor component for improved readability and performance
GutenKit Blocks Addon: 2.2.0 (2025-01-20)
- Added: Fill style to heartbeat animation in advanced tab block
- Fixed: API integration dashboard popup close on outside click
- Fixed: Mailchimp block text area styling issue
- Improved: Nav submenu controls for mobile menu
- Improved: Third-party compatibility
GutenKit Blocks Addon: 2.1.9 (2024-12-29)
- Added: Hamburger menu style option for the offcanvas block
- Added: Close icon position control for the offcanvas block
- Added: Icon position control for the mailchimp input field
- Fixed: Fraction input issue in the fun fact block
GutenKit Blocks Addon: 2.1.8 (2024-12-11)
- Fixed: Background image issue with container block
- Fixed: WPCS issues check by plugin check plugin
GutenKit Blocks Addon: 2.1.7 (2024-12-09)
- Fixed: Updated the icon box block button selector to support left-aligned icons
- Fixed: Adjusted the Icon Box button font size to accommodate left-aligned icons
- Fixed: Added left icon group styles to the advanced accordion item
- Fixed: Removed the bounce animation from
gkit-animate.css - Fixed: Improved icon color handling in
Header Infostyles - Fixed: Resolved the image height issue in the image comparison block on the frontend
- Improved: Enhanced responsive compatibility across multiple blocks
GutenKit Blocks Addon: 2.1.6 (2024-11-24)
- Fixed: Mailchimp block border radius issue
- Fixed: Initialized breakpoints button and cleaned up styles in the template library
- Fixed: Overlay control and sidebar transition issues on the frontend in the offcanvas block
- Improved: Responsiveness by updating the default height of the navigation menu to 100vh
GutenKit Blocks Addon: 2.1.5 (2024-11-13)
- Fixed: Editor topbar visual compatibility issue with WP 6.7
- Fixed: Breakpoints button initialization and cleanup styles in template library