GutenKit – Page Builder Blocks, Patterns, and Templates for Gutenberg Block Editor vs Twentig Supercharged Block Editor – Blocks, Patterns, Starter Sites, Portfolio

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 effect, and responsive breakpoints, GutenKit is easily the best Gutenberg page builder for your WordPress website. ⚓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 | Key Features 👉 Complete WordPress Gutenberg page builder functionality 👉 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 WordPress blocks 👉 COPY PASTE STYLES across Gutenberg block builder 👉 65+ WordPress block editor-supported blocks 👉 Pre-designed 900+ TEMPLATES AND 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. Gutenberg Mega Menu Builder 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. ⭐ Gutenberg Dynamic Content GutenKit’s Dynamic Content for Gutenberg feature turns Gutenberg builder into a dynamic block editor. This pro feature enables the dynamic insertion of elements like post tags, site titles, author names, and user information by selecting ‘Dynamic Content’ in the block’s options. 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 🔥 900+ Pre-designed Patterns & Templates GutenKit is packed with over 900 ready-made block patterns and templates. These exclusive block 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 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 Create an Advanced Parallax Effect and give visitors an immersive parallax experience. This WordPress parallax block includes transparency, classic, rotate, lower bounce, horizontal scroll, and more styles. 🔷 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. 🔷 Craft Catchy Headings Create eye-catching headers effortlessly with the GutenKit Header block in the WordPress block editor. 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 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 aesthetic. 🔷 Modernize Design with Offcanvas Menu In terms of modernizing and space optimization, the Offcanvas block from this Gutenberg add-on 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 Visualize your latest content elegantly with the Gutenberg Post Grid block in the WordPress block editor. It helps to showcase posts in a grid layout, providing a modern and engaging way for users to discover your latest articles or products. ☑️ Blog Posts GutenKit Blog Posts for Gutenberg lets you display posts by category, date, or popularity in stylish layouts, with support for text, images, videos, and more. ☑️ 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 block 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. 🔷 Icon Box: Add an icon from the vast icon library without slowing down your site. GutenKit only loads the specific icons you choose. 🔷 Image Box: displays images in a beautifully designed box. Crop, resize, and style them to fit seamlessly within your design. 🔷 Dual Button: GutenKit WordPress Block editor Plugin offers an intuitive way to integrate paired buttons with personalized styles into your content. 🔷 Pricing Table: Ccreate crystal-clear pricing tables that convert, and highlight key features, pricing structures, calls to action, etc. 🔷 Image Comparison: Highlighting transformations or any scenario where visual impact matters. This drag-and-drop WordPress block slides smoothly between the before-and-after comparison of an image. 🔷Countdown Timer: Create visually appealing and highly customizable Countdown Timers within the WordPress Gutenberg editor and add a sense of urgency to promotions. 🔷 Timeline Block: Create captivating, chronological timelines to showcase history, project roadmaps, or step-by-step processes. 🔷 Testimonial Block: Build trust and credibility by showcasing customer reviews and social proof with beautifully styled cards and sliders. 🔷 Team Block: Display team member profiles, complete with photos, biographies, and social links, in elegant grid layouts. 🔷 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. Displays visual content in versatile & dynamic layouts for optimal visitor engagement. Who will benefit from GutenKit? Here are the highlights of the diverse audience segments and professionals who can utilize GutenKit’s Gutenberg addons potential to achieve their goals and enhance their digital experiences. ➡️ Website owners, bloggers, and small business owners GutenKit is a perfect solution with powerful blocks for creating captivating, responsive content and building a professional online presence, no coding required. ➡️ Content Creators GutenKit helps content creators enhance visual appeal with top WordPress blocks and flexible design, making content more engaging & shareable. ➡️ Marketers and SEO Professionals Marketers and SEO professionals can use GutenKit to build user-friendly pages that boost engagement, SEO, traffic, and conversions. ➡️ Web Designers and Developers GutenKit saves time and simplifies workflows for website designers and developers with its intuitive drag-and-drop tools and rich design library. ➡️ E-commerce Website Owners GutenKit helps e-commerce owners enhance product listings with responsive design, pricing tables, and icons for a better shopping experience. ➡️ Freelancers & Digital Agencies Digital agencies and freelancers can deliver fast, professional websites using GutenKit’s templates and no-code modules, impressing clients without needing advanced coding skills. ➡️ Anyone Seeking a User-Friendly Solution GutenKit Gutenberg plugin 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!

The easy way to build a beautiful website with the WordPress block editor. 👉 Want to try Twentig? Launch the Playground Twentig gives you simple, powerful tools to design a professional website with the WordPress block editor — no coding or design skills required. Customize your block theme, create polished pages, and build a site that fits your needs. With starter sites, enhanced WordPress core blocks, block patterns, and portfolio tools, you’ve got everything you need to create a stunning website that looks great on every device. For the best experience, pair the Twentig plugin with Twentig One — our free block theme built for WordPress Full Site Editing. Lightweight and beautifully designed, it gives you a professional foundation right out of the box. Starter sites Start with a professionally designed website, not a blank canvas. Import a ready-made starter site from our growing library and make it your own. Twentig includes starter sites for the Twentig One theme directly in your WordPress dashboard. Import a starter site with one click, then customize the header, footer, homepage, blog, colors, and typography with our Onboarding Customizer. From there, use the block editor to easily replace the content with your own text and images. Built-in starter sites for Twentig One: Business Starter Portfolio Starter Blog Starter Personal Starter Twentig also includes starter sites for the Twenty Twenty-Five and Twenty Twenty-Four themes. Enhanced WordPress blocks Twentig enhances WordPress core blocks — giving you more design flexibility and creative control in the block editor. Powerful block features. Twentig adds new settings, alternative styles, and CSS classes to the existing WordPress blocks. From scroll animations, hover effects, and image shapes to gallery sliders, button icons, video lightboxes, and fully clickable blocks — you’ve got everything you need to build modern, professional pages. No extra blocks. Just better ones. Instead of cluttering the block editor with additional blocks, Twentig enhances WordPress core blocks with essential features for a more intuitive editing experience, greater creative freedom, and no lock-in. Twentig extends the following WordPress blocks: Design blocks Accordion: icon Button: icon, icon position, video lightbox (YouTube, Vimeo, self-hosted video) Columns: responsive stacking layout Column: stretched link (make the column fully clickable) Group: stretched link (make the group fully clickable), hover styles (text color, background color, border color, shadow), shape separator Separator: styles (asterisks, dotted, dashed), width, height Media blocks Image: shape Gallery: justified and carousel/slider layouts (available as block variations), unstretch last row, responsive layout, vertical alignment Cover: stretched link (make the cover fully clickable), shape, hover effect Media & Text: styles (shadow, overlap, hard shadow), responsive layout, stretched link, full height Video: autoplay when in view, minimal controls Text blocks Paragraph: typography options, responsive alignment Heading: typography options, responsive alignment List: styles (square, dash, checkmark, arrow, border, inner border, table, no bullet, inline) Quote and Pullquote: style (icon) Details: icon Table: styles (border, inner border), vertical alignment Theme blocks Navigation: responsive breakpoint, menu icon size, hover style, active style Navigation Link: external link class Submenu: classes (rounded, shadow, no-border, align right) Site Logo: image width on mobile Query Loop: single-post filters (exclude current post, filter by category or tag) Post Template: responsive columns, class layouts (alt columns, alt spacer, alt grid) Pagination: spacing support (margin and padding), page number styles (square, rounded, circle, plain), previous and next page styles (square, rounded, pill) Title: typography options, responsive alignment Excerpt: option to display only the manual excerpt Featured Image: shape, hover effect Author: inline layout, avatar shape Categories and Tags: styles (outline, pill, hashtag, plain, list), unlink Previous Post and Next Post: style (stack) Widget blocks Search: style (underline) Social Icons: styles (square, rounded), hover effect Tag Cloud: styles (rounded, pill, plain, list) Twentig also lets you add animations to any WordPress core block. Choose from fade, slide, scale, or wipe effects, then customize the speed and delay to make your pages feel more dynamic. Block patterns Twentig includes hundreds of pre-designed block patterns — making it faster and easier than ever to create stunning pages in the WordPress block editor. Flexible block patterns. Choose from a versatile collection of block patterns you can mix and match to fit your project. Our block pattern library is built to support a wide range of use cases, giving you the flexibility to create the pages and sections you need. Professional design. All patterns are fully responsive and designed to give your pages a polished, professional look from the start. Theme block patterns. Twentig also includes dozens of pre-built patterns for your header, footer, blog, and portfolio — helping you customize every part of your website with ease. Twentig adds its pattern library to the Patterns tab of the block inserter in the following categories: Banners Call to Action Contact Events, Schedule FAQs Gallery Hero List Logos, Clients Media Numbers, Stats Pages Portfolio Posts Pricing Single Pages Team Columns Testimonials Text Text and Image Portfolio Twentig provides all the WordPress tools you need to create a portfolio website that shows your work at its best with starter sites, patterns, and WordPress blocks. Portfolio post type & taxonomies. Manage all your projects in one place with Twentig’s portfolio post type. Build your portfolio pages in the WordPress block editor, add featured images, and organize your work with project categories and tags — just like blog posts. Portfolio block. Display your projects with a powerful, easy-to-use portfolio block. Built on the Query Loop block, you can customize its query settings, layout, and style to fit your needs. Portfolio block patterns. Browse a variety of patterns to showcase your projects, including grid, grid overlay, and split layouts. Choose the pattern that fits your style and apply it in one click. Portfolio starter sites. Start with a professionally designed Portfolio starter site crafted for the Twentig One theme to get your portfolio up and running fast, then personalize it with our Onboarding Customizer. Twenty Twenty-Five and other WordPress default themes In addition to enhanced blocks, block patterns, and portfolio tools, Twentig extends the following WordPress default themes: Twenty Twenty-Five and Twenty Twenty-Four Starter sites for the Twenty Twenty-Five theme: Business News Blog Photo Blog Personal Blog Starter sites for the Twenty Twenty-Four theme: Business Blog Personal Portfolio Twenty Twenty-One and Twenty Twenty If you prefer classic themes over block themes, Twentig offers advanced customization options for the Twenty Twenty-One and Twenty Twenty themes, along with one-click starter sites. Advanced theme customization. From post grids and sidebars to sticky menus and header & footer layouts, Twentig gives you powerful ways to enhance your WordPress theme. Inside the Customizer (Appearance > Customize), you can change fonts with Google Fonts, adjust the site layout, customize global styles, edit the 404 page, and more. Custom page templates. Take control of your page layout with custom templates. Remove the page title, header, or footer, set a transparent header, and use WordPress blocks to create custom hero sections, landing pages, and more. Starter sites. Instead of starting from scratch, import one of Twentig’s starter sites directly from the Customizer (Appearance > Customize > Starter sites). Get more See our quickstart guide to learn the basics of using Twentig. Visit our blog for tutorials on building professional sites with the WordPress block editor. Browse curated color palettes to find beautiful color combinations for your site. Subscribe to our newsletter to receive exclusive starter sites, tips, and updates. Subscribe to our YouTube channel for video tutorials. Explore the best WordPress websites built with the block editor for inspiration. Enjoying Twentig? Rate it on WordPress. Donate to support its development.