Build complete websites inside Gutenberg
GutenKit Pro extends the WordPress block editor with page-building tools for creating responsive pages, landing pages, layouts, and full-site designs. It combines Gutenberg’s native drag-and-drop interface with 65+ blocks, 20+ modules, and more than 900 pre-designed templates and patterns.
The editor is intended for creating complex layouts without relying on coding expertise. Full Site Editing compatibility, flexible containers, responsive controls, and reusable design tools provide a broad workflow for building content directly in Gutenberg.
Design responsive layouts
GutenKit Pro includes responsive breakpoint settings that can be adjusted inside the Gutenberg editor. In addition to mobile, desktop, and tablet views, the breakpoint system supports six additional custom breakpoints for mobiles, desktops, laptops, tablets, wide screens, and landscape mode.
These controls let you adjust blocks and layouts for different screen sizes while working on the page. The product is described as responsive across devices and tested for cross-browser compatibility, helping you review content for varied display environments.
Use advanced navigation and layout tools
The Gutenberg Mega Menu Builder is designed for multi-dimensional dropdown menus with submenus. Add submenu items and link them to existing website pages, then build the menu within the block editor.
For broader page structures, the full-width flexible container supports inline editing. Motion animation effects can add movement to WordPress blocks, while the copy-and-paste styles feature helps apply an existing design treatment to other blocks during the editing process.
Display dynamic WordPress content
The Query Loop Builder provides a visual way to display WordPress posts dynamically. Content can be filtered by post type, taxonomy, meta query, date query, author, post status, and other available criteria, allowing you to create more targeted content displays without writing code.
Dynamic Content can insert values such as post tags, site titles, author names, and user information through a block’s options. A fallback value can also be set so default content appears when the selected data is unavailable.
The Display Conditions module controls content visibility according to defined criteria. This can help present relevant content to visitors by showing blocks only when the configured conditions are met.
Start with templates and performance-focused assets
Pre-designed templates and patterns provide starting points for page and website projects. GutenKit also states that it loads only the CSS and JavaScript for blocks used on each page and loads individual icons rather than an entire icon library. The product supports Block API Version 3 and is presented with performance and SEO considerations.
Installation and first steps
- Install and activate GutenKit Pro in your WordPress site.
- Open the Gutenberg block editor and choose GutenKit blocks, modules, templates, or patterns.
- Build a layout with flexible containers, then adjust responsive settings for the screens you need.
- Add dynamic content, query-based displays, menus, or display conditions where appropriate.
Use the Gutenberg editor to refine the design, review responsive breakpoints, and publish the finished page or site layout.
