GutenKit Pro

GutenKit Pro adds page-building tools to the WordPress block editor for pages, landing pages, and full-website layouts. It includes 65+ blocks, 20+ modules, and 900+ pre-designed templates and patterns. Its blocks, patterns, and templates support Full Site Editing, with a drag-and-drop process for creating complex layouts without coding expertise.

Fit layouts to various screens

Adjust responsive breakpoint settings in the Gutenberg editor as you work. Alongside mobile, desktop, and tablet views, the system supports six additional custom breakpoints for mobile, desktop, laptop, tablet, wide screens, and landscape mode. Use them to adjust blocks for different screen sizes. GutenKit is described as responsive across devices and tested for cross-browser compatibility.

Shape page sections and navigation

Flexible, full-width containers support inline editing as you create page layouts. Motion animation effects can add movement to blocks, while copy-and-paste styles let you apply an existing styling treatment to other blocks.

The Mega Menu Builder creates multi-dimensional dropdown menus with submenus. Add submenu entries and link them to existing site pages, then build the menu in the block editor.

Bring WordPress content into blocks

The Query Loop Builder shows posts dynamically and lets you filter them by post type, taxonomy, meta query, date query, author, post status, and other criteria.

Dynamic Content can insert post tags, site titles, author names, and user information through a block’s settings. Set a fallback value to show default content when the selected data is unavailable. Display Conditions control block visibility according to configured criteria.

Templates and asset loading

Use templates and patterns as starting points for page and website projects. GutenKit states that it loads only the CSS and JavaScript for blocks used on each page, and loads individual icons rather than the entire icon library. It supports Block API Version 3.

Start in Gutenberg

1. Install and activate GutenKit Pro on your WordPress site.
2. Open the Gutenberg block editor and choose GutenKit blocks, modules, templates, or patterns.
3. Build a layout with flexible containers and adjust responsive settings for the screens you need.
4. Add dynamic content, query-based displays, menus, or show conditions where appropriate.
5. Review the design and responsive breakpoints, then publish the page or site layout.