Name: Simple, and awesome
Item: GutenKit
Rating: 5
Author: MattysJourney

Group

Software

Build it yourself

Sub category

Web builders

Product tag

Best for

Developers

Freelancers

Web designers

Alternative to

Squarespace

Webflow

Integrations

Google Maps

Gutenberg

WordPress

WordPress Multisite

Operating system

Windows

macOS

Linux

Browser-based

Android

ChromeOS

Features

GDPR-compliant

Allows Existing Accounts

All future Professional (Tier 1-2) or Agency (Tier 3) Plan updates

If Plan name changes, deal will be mapped to the new Plan name with all accompanying updates

No codes, no stacking—just choose the plan that’s right for you

You must activate your license within 60 days of purchase

Ability to upgrade between 3 license tiers while the deal is available

Ability to downgrade between 3 license tiers within 60 days of purchase

GutenKit Terms & Conditions

Blog

YouTube

Facebook Group

Twitter

Help Center

Roadmaps

Reviews

Founder's LinkedIn

New Version 2.0

A message from GutenKit

Company and product FAQs

<h4 class=""><b>GutenKit is a WordPress plugin that transforms Gutenberg into a no-code website builder without slowing down page speed.</b></h4>
<p><div class="story-inline-video"><iframe id="gutenkit-vid" width="560" height="315" src="https://www.youtube.com/embed/_9qK_UV0Hq4?si=vpem67ZV3IIAWH4L&rel=0" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe></div></p>

<h4 class=""><b>Build advanced navigation</b></h4>

<p>GutenKit makes it easy to build Mega Menus in Gutenberg, so you can add any <b>block from containers and tabs to carousels</b> for an advanced site navigation menu.</p>


<ul><li><b>Create expandable two-dimensional dropdowns</b> with multi-column, multi-tab layouts</li><li><b>Link existing pages or add custom links</b> and labels to menu items for complete control</li></ul>
<p>
        <div
          class="story-img-container open-carousel-modal-on-click"
          data-story-image-id="gutenkit-1"
        >
            
        <img
          class="story-inline-image z-depth-2"
          src="https://appsumo2-cdn.appsumo.com/media/stories/images/gutenkit-1.gif?optimizer=gif"
          alt="Mega Menus"
          srcset="https://appsumo2-cdn.appsumo.com/media/stories/images/gutenkit-1.gif?width=495&optimizer=gif 450w, https://appsumo2-cdn.appsumo.com/media/stories/images/gutenkit-1.gif?width=654&optimizer=gif 595w, https://appsumo2-cdn.appsumo.com/media/stories/images/gutenkit-1.gif?width=935&optimizer=gif 850w"
          sizes="(min-width: 950px) 1045px, 100vw"
          width="850" height="500"
          loading="lazy"
        />
    
            <svg
              aria-hidden="true"
              focusable="false"
              data-prefix="fas"
              data-icon="search-plus"
              role="img"
              xmlns="http://www.w3.org/2000/svg"
              viewBox="0 0 512 512"
              class="hover-mag-glass svg-inline--fa fa-search-plus fa-w-16"
            >
                <path
                  fill="currentColor""
                  d="M304 192v32c0 6.6-5.4 12-12 12h-56v56c0 6.6-5.4 12-12 12h-32c-6.6                   0-12-5.4-12-12v-56h-56c-6.6 0-12-5.4-12-12v-32c0-6.6 5.4-12 12-12h56v-56c0-6.6 5.4-12                   12-12h32c6.6 0 12 5.4 12 12v56h56c6.6 0 12 5.4 12 12zm201 284.7L476.7 505c-9.4 9.4-24.6                   9.4-33.9 0L343 405.3c-4.5-4.5-7-10.6-7-17V372c-35.3 27.6-79.7 44-128 44C93.1 416 0 322.9 0                   208S93.1 0 208 0s208 93.1 208 208c0 48.3-16.4 92.7-44 128h16.3c6.4 0 12.5 2.5 17 7l99.7                   99.7c9.3 9.4 9.3 24.6 0 34zM344 208c0-75.2-60.8-136-136-136S72 132.8 72 208s60.8 136 136 136                   136-60.8 136-136z"
                />
           </svg>
        </div>
    </p>


<h5 class="" style="text-align: center; "><i>Give your site visitors a better navigation experience with Mega Menus.</i></h5><h4 class=""><b>Dynamic web pages made easy</b></h4>

<p>With GutenKit, you’ll get everything you need to <b>create dynamic web pages that engage site visitors</b> from the first click.</p> 



<ul><li>Use the Query Loop Builder to<b> dynamically show posts and pages</b> by type, author, meta queries, and other criteria</li><li><b>Dynamically display website content</b> with support for Advanced Custom Fields (ACF)</li><li><b>Easily create design effects</b> like parallax, Lottie animation, CSS Transform, animation text, and more</li></ul>

<p>
        <div
          class="story-img-container open-carousel-modal-on-click"
          data-story-image-id="gutenkit-2"
        >
            
        <img
          class="story-inline-image z-depth-2"
          src="https://appsumo2-cdn.appsumo.com/media/stories/images/gutenkit-2.gif?optimizer=gif"
          alt="Query builder"
          srcset="https://appsumo2-cdn.appsumo.com/media/stories/images/gutenkit-2.gif?width=495&optimizer=gif 450w, https://appsumo2-cdn.appsumo.com/media/stories/images/gutenkit-2.gif?width=654&optimizer=gif 595w, https://appsumo2-cdn.appsumo.com/media/stories/images/gutenkit-2.gif?width=935&optimizer=gif 850w"
          sizes="(min-width: 950px) 1045px, 100vw"
          width="850" height="500"
          loading="lazy"
        />
    
            <svg
              aria-hidden="true"
              focusable="false"
              data-prefix="fas"
              data-icon="search-plus"
              role="img"
              xmlns="http://www.w3.org/2000/svg"
              viewBox="0 0 512 512"
              class="hover-mag-glass svg-inline--fa fa-search-plus fa-w-16"
            >
                <path
                  fill="currentColor""
                  d="M304 192v32c0 6.6-5.4 12-12 12h-56v56c0 6.6-5.4 12-12 12h-32c-6.6                   0-12-5.4-12-12v-56h-56c-6.6 0-12-5.4-12-12v-32c0-6.6 5.4-12 12-12h56v-56c0-6.6 5.4-12                   12-12h32c6.6 0 12 5.4 12 12v56h56c6.6 0 12 5.4 12 12zm201 284.7L476.7 505c-9.4 9.4-24.6                   9.4-33.9 0L343 405.3c-4.5-4.5-7-10.6-7-17V372c-35.3 27.6-79.7 44-128 44C93.1 416 0 322.9 0                   208S93.1 0 208 0s208 93.1 208 208c0 48.3-16.4 92.7-44 128h16.3c6.4 0 12.5 2.5 17 7l99.7                   99.7c9.3 9.4 9.3 24.6 0 34zM344 208c0-75.2-60.8-136-136-136S72 132.8 72 208s60.8 136 136 136                   136-60.8 136-136z"
                />
           </svg>
        </div>
    </p>


<h5 class="" style="text-align: center; "><i>Use the Query Builder to display posts and pages by type, author, meta queries, and more.</i></h5><h4 class=""><b>Ready-made designs at your fingertips</b></h4>

<p>GutenKit is also<b> packed with a library of 500+ ready-made patterns and templates</b>, so you can import to build your website in a snap.</p> 



<ul><li><b>Create custom layouts with 65+ blocks</b> and adjustable controls within the Gutenberg editor</li><li><b>Organize content with interactive tabs</b> with customizable styling and transition effects</li><li><b>Enhance your site with blocks like Advanced Accordion</b>, Post Grid, and Pricing Table</li></ul>
<p>
        <div
          class="story-img-container open-carousel-modal-on-click"
          data-story-image-id="gutenkit-3"
        >
            
        <img
          class="story-inline-image z-depth-2"
          src="https://appsumo2-cdn.appsumo.com/media/stories/images/gutenkit-3.gif?optimizer=gif"
          alt="Template library"
          srcset="https://appsumo2-cdn.appsumo.com/media/stories/images/gutenkit-3.gif?width=495&optimizer=gif 450w, https://appsumo2-cdn.appsumo.com/media/stories/images/gutenkit-3.gif?width=654&optimizer=gif 595w, https://appsumo2-cdn.appsumo.com/media/stories/images/gutenkit-3.gif?width=935&optimizer=gif 850w"
          sizes="(min-width: 950px) 1045px, 100vw"
          width="850" height="500"
          loading="lazy"
        />
    
            <svg
              aria-hidden="true"
              focusable="false"
              data-prefix="fas"
              data-icon="search-plus"
              role="img"
              xmlns="http://www.w3.org/2000/svg"
              viewBox="0 0 512 512"
              class="hover-mag-glass svg-inline--fa fa-search-plus fa-w-16"
            >
                <path
                  fill="currentColor""
                  d="M304 192v32c0 6.6-5.4 12-12 12h-56v56c0 6.6-5.4 12-12 12h-32c-6.6                   0-12-5.4-12-12v-56h-56c-6.6 0-12-5.4-12-12v-32c0-6.6 5.4-12 12-12h56v-56c0-6.6 5.4-12                   12-12h32c6.6 0 12 5.4 12 12v56h56c6.6 0 12 5.4 12 12zm201 284.7L476.7 505c-9.4 9.4-24.6                   9.4-33.9 0L343 405.3c-4.5-4.5-7-10.6-7-17V372c-35.3 27.6-79.7 44-128 44C93.1 416 0 322.9 0                   208S93.1 0 208 0s208 93.1 208 208c0 48.3-16.4 92.7-44 128h16.3c6.4 0 12.5 2.5 17 7l99.7                   99.7c9.3 9.4 9.3 24.6 0 34zM344 208c0-75.2-60.8-136-136-136S72 132.8 72 208s60.8 136 136 136                   136-60.8 136-136z"
                />
           </svg>
        </div>
    </p>


<h5 class="" style="text-align: center; "><i>Design professional-looking websites in minutes using ready-made templates and blocks.</i></h5><p></p>

<p>Even better, you’ll<b>&nbsp;get extensive layout controls to implement complex designs</b> directly in the WordPress Block editor.</p>


<ul><li><b>Customize backgrounds, margins, padding</b>, borders, and visibility controls with ease</li><li><b>Use one-page scroll, sticky content, and more </b>to take your website-building to the next level</li></ul>
<p>
        <div
          class="story-img-container open-carousel-modal-on-click"
          data-story-image-id="gutenkit-4"
        >
            
        <img
          class="story-inline-image z-depth-2"
          src="https://appsumo2-cdn.appsumo.com/media/stories/images/gutenkit-4.gif?optimizer=gif"
          alt="UI/UX Designer"
          srcset="https://appsumo2-cdn.appsumo.com/media/stories/images/gutenkit-4.gif?width=495&optimizer=gif 450w, https://appsumo2-cdn.appsumo.com/media/stories/images/gutenkit-4.gif?width=654&optimizer=gif 595w, https://appsumo2-cdn.appsumo.com/media/stories/images/gutenkit-4.gif?width=935&optimizer=gif 850w"
          sizes="(min-width: 950px) 1045px, 100vw"
          width="850" height="500"
          loading="lazy"
        />
    
            <svg
              aria-hidden="true"
              focusable="false"
              data-prefix="fas"
              data-icon="search-plus"
              role="img"
              xmlns="http://www.w3.org/2000/svg"
              viewBox="0 0 512 512"
              class="hover-mag-glass svg-inline--fa fa-search-plus fa-w-16"
            >
                <path
                  fill="currentColor""
                  d="M304 192v32c0 6.6-5.4 12-12 12h-56v56c0 6.6-5.4 12-12 12h-32c-6.6                   0-12-5.4-12-12v-56h-56c-6.6 0-12-5.4-12-12v-32c0-6.6 5.4-12 12-12h56v-56c0-6.6 5.4-12                   12-12h32c6.6 0 12 5.4 12 12v56h56c6.6 0 12 5.4 12 12zm201 284.7L476.7 505c-9.4 9.4-24.6                   9.4-33.9 0L343 405.3c-4.5-4.5-7-10.6-7-17V372c-35.3 27.6-79.7 44-128 44C93.1 416 0 322.9 0                   208S93.1 0 208 0s208 93.1 208 208c0 48.3-16.4 92.7-44 128h16.3c6.4 0 12.5 2.5 17 7l99.7                   99.7c9.3 9.4 9.3 24.6 0 34zM344 208c0-75.2-60.8-136-136-136S72 132.8 72 208s60.8 136 136 136                   136-60.8 136-136z"
                />
           </svg>
        </div>
    </p>



<h5 class="" style="text-align: center; "><i>Get total control over your website design with GutenKit.</i></h5><p>GutenKit turns Gutenberg into a full-featured page builder, making it easy to design fast, professional websites without any coding.</p>

<p>Build sites hassle-free.</p>

<p><b>Get lifetime access to GutenKit today!</b></p>

Use this WordPress plugin to transform Gutenberg into a dynamic page builder—no coding required

<h4 class=""><b>GutenKit is a WordPress plugin that transforms Gutenberg into a no-code website builder without slowing down page speed.</b></h4>
<p><div class="story-inline-video"><iframe
  id="gutenkit-vid"
  width="560"
  height="315"
  src="https://www.youtube.com/embed/_9qK_UV0Hq4?si=vpem67ZV3IIAWH4L&amp;rel=0"
  srcdoc="<style>*{padding:0;margin:0;overflow:hidden}html,body{height:100%}img,span{position:absolute;width:100%;top:0;bottom:0;margin:auto}span{height:1.5em;text-align:center;font:48px/1.5 sans-serif;color:white;text-shadow:0 0 0.5em black}</style><a href=https://www.youtube.com/embed/_9qK_UV0Hq4?rel=0&autoplay=1 onclick=&quot;window.parent.postMessage('embed_slug:gutenkit-vid','*')&quot;><img src=https://img.youtube.com/vi/_9qK_UV0Hq4/hqdefault.jpg ><span>▶</span></a>"
  frameborder="0"
  allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture"
  allowfullscreen
  loadonscroll
></iframe></div></p>

<h4 class=""><b>Build advanced navigation</b></h4>

<p>GutenKit makes it easy to build Mega Menus in Gutenberg, so you can add any <b>block from containers and tabs to carousels</b> for an advanced site navigation menu.</p>


<ul><li><b>Create expandable two-dimensional dropdowns</b> with multi-column, multi-tab layouts</li><li><b>Link existing pages or add custom links</b> and labels to menu items for complete control</li></ul>
<p>
        <img
          class="story-inline-image z-depth-2"
          src="https://appsumo2-cdn.appsumo.com/media/stories/images/gutenkit-1.gif?optimizer=gif"
          alt="Mega Menus"
          srcset="https://appsumo2-cdn.appsumo.com/media/stories/images/gutenkit-1.gif?width=495&optimizer=gif 450w, https://appsumo2-cdn.appsumo.com/media/stories/images/gutenkit-1.gif?width=654&optimizer=gif 595w, https://appsumo2-cdn.appsumo.com/media/stories/images/gutenkit-1.gif?width=935&optimizer=gif 850w"
          sizes="(min-width: 950px) 1045px, 100vw"
          width="850" height="500"
          loading="lazy"
        />
    </p>


<h5 class="" style="text-align: center; "><i>Give your site visitors a better navigation experience with Mega Menus.</i></h5><h4 class=""><b>Dynamic web pages made easy</b></h4>

<p>With GutenKit, you’ll get everything you need to <b>create dynamic web pages that engage site visitors</b> from the first click.</p> 



<ul><li>Use the Query Loop Builder to<b> dynamically show posts and pages</b> by type, author, meta queries, and other criteria</li><li><b>Dynamically display website content</b> with support for Advanced Custom Fields (ACF)</li><li><b>Easily create design effects</b> like parallax, Lottie animation, CSS Transform, animation text, and more</li></ul>

<p>
        <img
          class="story-inline-image z-depth-2"
          src="https://appsumo2-cdn.appsumo.com/media/stories/images/gutenkit-2.gif?optimizer=gif"
          alt="Query builder"
          srcset="https://appsumo2-cdn.appsumo.com/media/stories/images/gutenkit-2.gif?width=495&optimizer=gif 450w, https://appsumo2-cdn.appsumo.com/media/stories/images/gutenkit-2.gif?width=654&optimizer=gif 595w, https://appsumo2-cdn.appsumo.com/media/stories/images/gutenkit-2.gif?width=935&optimizer=gif 850w"
          sizes="(min-width: 950px) 1045px, 100vw"
          width="850" height="500"
          loading="lazy"
        />
    </p>


<h5 class="" style="text-align: center; "><i>Use the Query Builder to display posts and pages by type, author, meta queries, and more.</i></h5><h4 class=""><b>Ready-made designs at your fingertips</b></h4>

<p>GutenKit is also<b> packed with a library of 500+ ready-made patterns and templates</b>, so you can import to build your website in a snap.</p> 



<ul><li><b>Create custom layouts with 65+ blocks</b> and adjustable controls within the Gutenberg editor</li><li><b>Organize content with interactive tabs</b> with customizable styling and transition effects</li><li><b>Enhance your site with blocks like Advanced Accordion</b>, Post Grid, and Pricing Table</li></ul>
<p>
        <img
          class="story-inline-image z-depth-2"
          src="https://appsumo2-cdn.appsumo.com/media/stories/images/gutenkit-3.gif?optimizer=gif"
          alt="Template library"
          srcset="https://appsumo2-cdn.appsumo.com/media/stories/images/gutenkit-3.gif?width=495&optimizer=gif 450w, https://appsumo2-cdn.appsumo.com/media/stories/images/gutenkit-3.gif?width=654&optimizer=gif 595w, https://appsumo2-cdn.appsumo.com/media/stories/images/gutenkit-3.gif?width=935&optimizer=gif 850w"
          sizes="(min-width: 950px) 1045px, 100vw"
          width="850" height="500"
          loading="lazy"
        />
    </p>


<h5 class="" style="text-align: center; "><i>Design professional-looking websites in minutes using ready-made templates and blocks.</i></h5><p></p>

<p>Even better, you’ll<b>&nbsp;get extensive layout controls to implement complex designs</b> directly in the WordPress Block editor.</p>


<ul><li><b>Customize backgrounds, margins, padding</b>, borders, and visibility controls with ease</li><li><b>Use one-page scroll, sticky content, and more </b>to take your website-building to the next level</li></ul>
<p>
        <img
          class="story-inline-image z-depth-2"
          src="https://appsumo2-cdn.appsumo.com/media/stories/images/gutenkit-4.gif?optimizer=gif"
          alt="UI/UX Designer"
          srcset="https://appsumo2-cdn.appsumo.com/media/stories/images/gutenkit-4.gif?width=495&optimizer=gif 450w, https://appsumo2-cdn.appsumo.com/media/stories/images/gutenkit-4.gif?width=654&optimizer=gif 595w, https://appsumo2-cdn.appsumo.com/media/stories/images/gutenkit-4.gif?width=935&optimizer=gif 850w"
          sizes="(min-width: 950px) 1045px, 100vw"
          width="850" height="500"
          loading="lazy"
        />
    </p>



<h5 class="" style="text-align: center; "><i>Get total control over your website design with GutenKit.</i></h5><p>GutenKit turns Gutenberg into a full-featured page builder, making it easy to design fast, professional websites without any coding.</p>

<p>Build sites hassle-free.</p>

<p><b>Get lifetime access to GutenKit today!</b></p>

WordPress page builder for Gutenberg

Great Potential!

Like It

Well-balanced

Simple, and awesome

Very interesting as a concept

GutenKit

In this video, I'll dive into GutenKit Block plugin features, usability, and performance to see if it lives up to the hype. GutenKit Free: ...

GutenKit Block Plugin: Is This The Ultimate Page Builder for WordPress?