No more struggling with complicated page builders or the need for coding expertise in WordPress editor. Introducing GutenKit for Gutenberg , the best Gutenberg page builder with ready custom blocks to experience the best website design experience right inside the WordPress block editor. Gutenkit blo
PricingFree downloadThe WordPress.org download is free. Pro versions, add-ons or external services may cost extra.
CompatibilityRequires WordPress 6.1 and PHP 7.4.
SourceWordPress plugins · Oct 18, 2026
01 / Source details
About this tool.
No more struggling with complicated page builders or the need for coding expertise in WordPress editor.
Introducing GutenKit for Gutenberg , the best Gutenberg page builder with ready custom blocks to experience the best website design experience right inside the WordPress block editor.
Gutenkit block builder plugin brings the familiar ease of drag-and-drop design to Gutenberg, making it feel just like using a page builder—but faster and more lightweight. With Gutenberg’s native drag-and-drop interface, 65+ page builder blocks , 20+ versatile modules , and 900+ pre-designed templates , GutenKit finds itself among the best Gutenberg addons where you can create professional, responsive web content in minutes.
With features like a Gutenberg mega menu, query loop builder, dynamic content, flexible containers, advanced parallax, and responsive breakpoints, GutenKit is the best addons for Gutenberg – a complete WordPress Gutenberg page builder.
⚓Explore GutenKit capabilities in action: Check Live Demo
Let’s experience the future of web design with GutenKit for Gutenberg Blocks – design without limits.
GutenKit Home Page | Custom Gutenberg Blocks | GutenKit Templates | Blog | Documentation | Need Support? | How to get started with GutenKit Pro |
👉 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
👉 Parallax and motion animation effects for WordPress blocks
👉 COPY PASTE STYLES across Gutenberg block builder
👉 65+ WordPress block editor-supported blocks
👉 1000+ GUTENBERG TEMPLATES and pre-designed block patterns
👉 A Gutenberg Website Builder with faster loading assets & optimized for PERFORMANCE
Design Responsive Pages with Custom Breakpoints
GutenKit’s Breakpoints module revolutionizes how you design a responsive website in the block editor. Now you can adjust the responsive breakpoint settings right inside the Gutenberg editor where you design your pages.
With GutenKit’s six additional custom breakpoints , every block is a responsive block in your Gutenberg editor. You can add breakpoints for mobiles , desktops , laptops , tablets , wide screens , and landscape mode.
This ensures that your website design, content layouts, and every responsive block fits perfectly into any screen, providing a seamless user experience across all devices.
GutenKit comes with the easiest way to build a mega menu for Gutenberg. With the Gutenberg Mega Menu builder block you can create multi-dimensional dropdown menus with submenus.
Using this Gutenberg addon 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 mega menu builder for WordPress, you can even add new items in the menu that will be automatically saved as draft pages on your WordPress site.
GutenKit’s Gutenberg 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 mega menu builder.
Build No-code Dynamic Websites in Gutenberg
⭐ Query Loop Builder
Query Loop Builder block is a dynamic Gutenberg block that helps to show your website post dynamically. You can filter the content based on the post type , taxonomy , meta query , date query , author , post status , and more.
Do all of the advanced filtering without even writing a single line of code. You can visually query the WordPress database and show your website post dynamically with the unmatched flexibility of this advanced Gutenberg blocks plugin.
⭐ Dynamic Block Content for Gutenberg
The GutenKit dynamic block feature turns the Gutenberg builder into a true dynamic block editor. Insert post tags, site titles, author names, and user data into any dynamic block by selecting ‘Dynamic Content’ in the block settings.
Additionally, a fallback value can be set to display default content when specific data isn’t available. This functionality enhances content personalization and adaptability on WordPress sites.
⭐ Display Conditions
Display Condition module from the GutenKit Gutenberg addon 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
How GutenKit Keeps Your Site Fast:
✅ Loads only the CSS and JavaScript for blocks actually used on each page
✅ 900+ inline SVG icons – load individual icons, never the full library
✅ No external font-loading delays – Google Fonts load locally
✅ Block API v3 support for maximum editor rendering performance
✅ Zero jQuery dependency – pure, modern JavaScript
Full Site Editing with GutenKit Page Builder
Create pages layouts, header footer and block patterns for the entire website in the site editor with GutenKit page builder blokcs.
All GutenKit blocks, block patterns, and templates seamlessly work in WordPress’s Full Site Editor (FSE) to help you make a unique design for your website.
Overall, this WordPress full site editor compatible Gutenberg addon ensures a user-friendly and dynamic touch to your content creation.
Create Eye-catchy Web Pages With Vibrant Animations
This WordPress page builder block editor empowers you to create visually stunning and engaging web pages with its dynamic animation features. By seamlessly integrating animation into your content, you can captivate your audience and leave a lasting impression.
Design Stunning Websites (NO CODE) with GutenKit’s Templates Library and Icons
🔥 1000+ Pre-designed Patterns & Templates
GutenKit ships 1000+ Gutenberg templates and ready-made block patterns. Every Gutenberg template simplifies the design process, giving a quick start to build beautiful, functional layouts in 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 page builder 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 Gutenberg Container block makes the block editor a true page builder. This 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 page builders.
Besides, this page builder block offers a range of layout options, enabling effortless customization including full-width and boxed containers with background, padding, and endless customizations.
🔷 Advanced Parallax for Gutenberg
Add a stunning parallax effect to any block. Choose from transparency, classic, rotate, lower bounce, horizontal scroll parallax styles – the most versatile WordPress parallax block available.
🔷 Advanced Video Gallery
Create A Filterable Video Gallery using ready blocks. Showcase the best videos in your website with a few clicks. Let your visitors filter them based on their need.
🔷 Copy Paste Styles
The Gutenberg 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 Gutenberg 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 Gutenberg Accordion block in GutenKit is your key to creating sleek and interactive content. This drag-and-drop WordPress accordion block allows you to create collapsible sections. You can organize any content in a structured and tidy way with this WordPress Gutenberg Plugin.
🔷 WordPress Heading Block – Craft Catchy Headings
Craft stunning H1, H2, H3 headings using the GutenKit WordPress heading block — the most customizable WordPress heading block available in any Gutenberg addon.
🔷 Off-canvas menu
Now you can design and integrate space-saving off-canvas menus with our Gutenberg 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. 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 design different types of menus including Nav Menu, or Offcanvas menu that perfectly complements your website’s aesthetic, ensuring a smooth user experience.
🔷 Make Beautiful Nav Menu
With GutenKit’s Nav Menu , making stunning navigation menus becomes a breeze. You can design WordPress navigation menus that perfectly ensure a site-wide smooth user experience and complement your website’s aest
See it in action
Screenshots & previews.
GutenKit – Page Builder Blocks, Patterns, and Templates for Gutenberg Block Editor screenshot 1GutenKit – Page Builder Blocks, Patterns, and Templates for Gutenberg Block Editor screenshot 2GutenKit – Page Builder Blocks, Patterns, and Templates for Gutenberg Block Editor screenshot 3GutenKit – Page Builder Blocks, Patterns, and Templates for Gutenberg Block Editor screenshot 4GutenKit – Page Builder Blocks, Patterns, and Templates for Gutenberg Block Editor screenshot 5GutenKit – Page Builder Blocks, Patterns, and Templates for Gutenberg Block Editor screenshot 6
02 / Source details
Getting started.
Prerequisite: Must have Gutenberg Block Editor installed and enabled. For WordPress 5.0 or higher versions, Gutenberg is the default editor.
Installation Process 1:
01Go to the WordPress Dashboard
02Navigate to Plugins > Add New
03Search for “GutenKit”
04Install 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.
03 / Source details
Frequently asked questions.
Why do you need to use a page builder block along with Gutenberg?
A page builder block editor 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. Use Respoinsive Breakpoint settings to ensure seamless experience across all devices.
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.
Website LLMs.txt and LLMs-Full.txt Generator is an LLMs.txt generator and llms-full.txt generator for WordPress. It helps site owners generate, manage, preview, validate, and serve AI discovery files from published public content. Use it to create structured /llms.txt and optional /llms-full.txt end
EngageDock AI is a customizable floating contact widget for WordPress websites that want more leads and faster visitor communication. It helps small businesses turn website traffic into calls, texts, emails, and callback requests from one clean contact panel. Key Features: Click-to-Call – One tap ca
Altify AI is an auto ALT text and AI ALT text plugin for WordPress images. It helps generate descriptive image ALT text for accessibility and image SEO. Use bulk image ALT text tools for your Media Library, generate featured image ALT text automatically, and scale WooCommerce image ALT updates with
The Accepted Payment Methods plugin is a straightforward, lightweight solution that enhances your website by displaying visually appealing icons of the payment methods you accept. This plugin is ideal for a variety of websites, including e-commerce platforms, service-oriented websites, and informati
