sonalsinha21

SKT Blocks lets you use the default gutenberg editor and easily create creative websites within minutes with the help of the reusable blocks that can be used both in pages and posts.
SKT Blocks offers all round flexibility and is intuitive at the same time requires less plugin and is faster and user friendly.
<a href="https://sktblocks.blazingthemes.com/" rel="nofollow ugc">Check our Gutenberg blocks demos</a> and watch them in active live.
These advanced blocks come with host of advanced functionality and customization which make them easy to use and handle and edit them as per your requirements of color, width, font etc.
With more than 30 blocks at your perusal you can easily edit the existing themes created using them or add any suitable block as per your requirement to existing WordPress themes or websites supporting and created using the default editor.
SKT Blocks Library
<ol>
<li><a href="https://sktblocks.blazingthemes.com/advanced-column/" rel="nofollow ugc">Advanced Columns </a>: Advanced columns block lets you build amazing and customizable columns for a variety of uses like having different variations for testimonial or showing testimonial and team side by side. Different types of content can be shown in row and column with varying width and shapes and background using this block.</li>
<li><a href="https://sktblocks.blazingthemes.com/section/" rel="nofollow ugc">Section </a>: Section block is of utmost importance for websites to differentiate different sections and layouts within a page with background and variety of content blocks within a section block.</li>
<li><a href="https://sktblocks.blazingthemes.com/shape-divider/" rel="nofollow ugc">Shape-Divider </a>: Shape divider uses variety of shapes to have a nice way of distinction between content so that once one changes content and scrolls down between various sections shape dividers becomes handy to separate them. Easily customize them using this block.</li>
<li><a href="https://sktblocks.blazingthemes.com/video-popup/" rel="nofollow ugc">Video Popup </a>: Popups always try to grab eyeballs and attention and in this case trying to have a video opened up in a pop-up window using this block.</li>
<li><a href="https://sktblocks.blazingthemes.com/icon-list/" rel="nofollow ugc">Icon-List </a>: Icon list uses icons as well as stylised lists to create a nice way to have checklists, features lists or other types of highlighting services features and product descriptions. Design your own beautiful list using Icon-list block.</li>
<li><a href="https://sktblocks.blazingthemes.com/button-group/" rel="nofollow ugc">Multi Buttons </a>: Multiple buttons can be needed to have call to action for features and services and buttons are always needed to have some action from the user like download, shop now, click here and so on. Multi buttons are desirable for every type of website and hence this block may help you with the desired functionalities of all shapes of buttons.</li>
<li><a href="https://sktblocks.blazingthemes.com/advanced-heading/" rel="nofollow ugc">Advanced Heading </a>: Headings are important to showcase a page or post heading and they can be easily managed as far as font size, typography and its width etc are concerned.</li>
<li><a href="https://sktblocks.blazingthemes.com/call-to-action/" rel="nofollow ugc">Call-to-Action </a>: For sales or a leads friendly website it is important to focus on Call to action. Also for landing pages and marketing pages call to action is important. This block enables you to add CTA easily and efficiently.</li>
<li><a href="https://sktblocks.blazingthemes.com/count-up/" rel="nofollow ugc">Count up </a>: Animated counting to show statistics like a persons knowledge or stats about installs, client projects or reviews gained online and similar things using numbers can be nicely shown using this block. Fully customizable.</li>
<li><a href="https://sktblocks.blazingthemes.com/blockquote/" rel="nofollow ugc">Blockquote </a>:To showcase a quote by someone famous and to showcase quotes to understand the context of the whole article blockquote are important when it comes to articles and form an important part of descriptive text for blogging.</li>
<li><a href="https://sktblocks.blazingthemes.com/accordion/" rel="nofollow ugc">Accordion </a>: Information displayed in rows which can be expanded and contracted and looks stylish. Also takes a lesser space than the whole area being listed in a lengthy way. Accordion block is configurable for this purpose.</li>
<li><a href="https://sktblocks.blazingthemes.com/flip-box/" rel="nofollow ugc">Flip-Box </a>: Transformation effects box which showcases content with icons on the front and can hold similar or simple content on the backside. Many people use images on the front and write description of that image in the backside. Flip boxes are for engaging content for users.</li>
<li><a href="https://sktblocks.blazingthemes.com/info-block/" rel="nofollow ugc">Info-Box </a>: Simple informative boxes for having displayed important information regarding ones business or features of a product or services and product listing etc can be done with the help of this useful info-box block.
</li>
<li><a href="https://sktblocks.blazingthemes.com/team/" rel="nofollow ugc">Team </a>: For any corporate or business website or any website in about us page the team members behind the business and the idea are showcased so that visitors know about the people behind them. Also the social profiles and their links for the team members is also important.</li>
<li><a href="https://sktblocks.blazingthemes.com/image-box/" rel="nofollow ugc">Image Boxes </a>: Gallery boxes and showcasing portfolio for any company, model or event is necessary. Images as they say speak louder than words and hence this pictoral box is essential and is fully configurable.</li>
<li><a href="https://sktblocks.blazingthemes.com/image-slider/" rel="nofollow ugc">Image Slider </a>: Images in a carousel format where one can scroll through them easily using this block.</li>
<li><a href="https://sktblocks.blazingthemes.com/card/" rel="nofollow ugc">Card </a>: Personal details with image is what card does. Just like business card this is a personal card for users to showcase about them.</li>
<li><a href="https://sktblocks.blazingthemes.com/masonry/" rel="nofollow ugc">Gallery Masonry </a>: Collage of images in a masonry block format. This block is to boost portfolio showcase.</li>
<li><a href="https://sktblocks.blazingthemes.com/content-timeline/" rel="nofollow ugc">Content Timeline </a>: To create a visually stunning and nice showcase of content in a timeline of events this block has been created which is different than posts.</li>
<li><a href="https://sktblocks.blazingthemes.com/testimonial/" rel="nofollow ugc">Testimonial </a>: Use the Testimonial block to display some amazing client reviews in a carousel layout.</li>
<li><a href="https://sktblocks.blazingthemes.com/divider/" rel="nofollow ugc">Divider </a>: Division between sections and layout can be done easily using this divider block.</li>
<li><a href="https://sktblocks.blazingthemes.com/expand/" rel="nofollow ugc">Expand More Block </a>: Small text can be shown and an more button which will explore more content. Beneficial for large content showcase where people can view the important content and if interested can click on more.</li>
<li><a href="https://sktblocks.blazingthemes.com/pricing-list/" rel="nofollow ugc">Pricing List </a>: With the Gutenberg Pricing List block, design a beautiful and comprehensive pricing list of your goods, services and memberships.</li>
<li><a href="https://sktblocks.blazingthemes.com/post-carousel/" rel="nofollow ugc">Post Carousel </a>: Similar to how images shown in a carousel or slider posts will be showcased in a carousel.</li>
<li><a href="https://sktblocks.blazingthemes.com/post-grid/" rel="nofollow ugc">Post Grid </a>: The Post Grid block fetches the blog posts on your website and displays them in a grid layout. You can also customize the order of your posts, and manage settings like the featured image, content, etc.</li>
<li><a href="https://sktblocks.blazingthemes.com/post-timeline/" rel="nofollow ugc">Post-Timeline </a>: This block showcases posts in a timeline format by showing historical events with image and knowing about the events in detail. Timeline is important for company history, events showcase etc.</li>
<li><a href="https://sktblocks.blazingthemes.com/pricing-table/" rel="nofollow ugc">Pricing table </a>: For any company with services or selling something it is important to showcase pricing of single product and multiple product or service offerings like hair salon etc with comparison for users to select the best price as per their budget and requirement.</li>
</ol>
SKT Templates for Gutenberg
We have already created SKT Templates for both Elementor and Gutenberg and are going to add more than 100+ templates within the same plugin and you can easily make use of those starter templates by just importing them and editing them using SKT Blocks.

SKT Blocks – Gutenberg based Page Builder

SKT Blocks lets you use the default gutenberg editor and easily create creative websites within minutes with the help of the reusable blocks that can  …

codersantosh

AcmeIT

AddonsPress

gutentor

Gutetor’s direct family members encompass <a href="https://wordpress.org/themes/cosmoswp/" rel="ugc">CosmosWP</a>, a WordPress theme, and the <a href="https://wordpress.org/plugins/templateberg/" rel="ugc">Templateberg plugin</a>, which offers Gutenberg templates.
<a href="https://www.gutentor.com/" rel="nofollow ugc">Gutentor</a> | <a href="https://www.gutentor.com/documentation/" rel="nofollow ugc">Documentation</a> | <a href="https://www.youtube.com/watch?v=noppoc1zLIk&list=PLDLpZS3H6SMnpUnrU84LwFs9AAzTYcbmA" rel="nofollow ugc">Video Tutorials</a> | <a href="https://templateberg.com/gutenberg-templates/" rel="nofollow ugc">Gutenberg Templates</a>
<iframe loading="lazy" title="Gutentor - A Powerful Page Building Block for WordPress" width="750" height="422" src="https://www.youtube.com/embed/bGMi7L78hVk?feature=oembed" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
<h3>You might be surprised by all the features onboard at first. but once you get used to them you won’t be able to live without them.</h3>
It’s time for <a href="https://www.gutentor.com/" rel="nofollow ugc">Gutentor – Page Builder for Gutenberg</a>. Try it now, It’s Free!!!
Gutentor is a WordPress Page Building Gutenberg Blocks collections with unlimited possibilities to design a webpage. Building professional elegant websites using the new WordPress editor Gutenberg with very ease and with no absolute codes is what Gutentor is designed for. A page builder experience that brings advanced capabilities and graceful design never seen before on any Page Builder. Work with any theme, create any design.
Gutentor extends Gutenberg editor with a large variety of beautiful blocks which can be later switched to build and design your best web pages with some clicks. This makes creating and designing content even more flexible. It minimizes the limitations of any page builder and adds unlimited possibilities so that a user can build any simple to complex WordPress website using the Gutenberg editor. It has been developed with all necessary customization features for blocks to achieve any possible layout and design of web-page content with Gutenberg block editor. Gutentor makes designing any type of web page just as simple as a matter of a few clicks and drag and drop.
Gutentor is a lightweight WordPress plugin, it is optimized for performance. Internal or External CSS files for dynamic CSS is introduced for more optimization.
<h3>What’s new on Gutentor</h3>
<ul>
<li>Complete Webpage building blocks with all necessary features</li>
<li>Optimized and Faster site load</li>
<li>SEO friendly</li>
<li>One-click Demo Templates Library for ready-made templates and blocks</li>
<li>Faster Designing Experience</li>
<li>Extremely simple, without adding rows/columns, just adding blocks is sufficient to make a beautiful website</li>
<li>Repeater field to create items inside blocks with drag and drop reorder, edit, delete options</li>
<li>Highly customizable row/columns options available for creative designers</li>
<li>Advanced options on each block including HTML Tag, Background, Border, Box-shadow, Margin-Padding, Svg shape divider and built-in animations</li>
<li>Block Template module on each block, Single block multiple design Template</li>
<li>Individual elements full styling options</li>
<li>Device specific responsive controls</li>
<li>Advanced Typography Options which includes all available google fonts and systems fonts</li>
<li>Video background Options</li>
<li>Highly Optimized, Performance focused</li>
<li>Inline, Internal or External CSS files for dynamic CSS</li>
</ul>
While you use Template Library features of Gutentor, Gutentor fetches screenshots, images and templates(demo) JSON files from <a href="https://www.demo.gutentor.com/" rel="nofollow ugc">Gutentor Demo Library</a> and after your insert template library images link are from the external site. You have to change the images after you import templates and blocks. This helps you to import templates with a single click. You must accept <a href="https://www.gutentor.com/terms/" rel="nofollow ugc">terms</a> and <a href="https://www.gutentor.com/privacy/" rel="nofollow ugc">privacy</a> to use Gutentor Template Library Features.
<h3>What Makes Gutentor Different?</h3>
<ul>
<li>Dynamic Columns</li>
<li>Advanced Columns</li>
<li>Gutentor Elements</li>
<li>Gutentor Modules</li>
<li>Gutentor Posts</li>
<li>Gutentor Terms (New)</li>
<li>Gutentor Widgets</li>
<li>100+ ready-made Templates and Blocks to free import</li>
<li>Impressive slider and carousel</li>
<li>Highly Responsive and SEO friendly</li>
<li>JS/CSS Framework only load if block is being used on the post and page</li>
<li>Quality support service</li>
</ul>
<h3>Technical background for page speed</h3>
Gutentor just does not help you to create your site more beautiful and quickly but it made your page speed much faster. Here are some technical reasons behind it.
<ul>
<li>Develop keeping in mind for Page Speed.</li>
<li>Gutentor creates a single minified CSS file for only used Gutentor blocks in the editor, for normal to advanced landing pages it is less than 50kb, for a simple page design 20kb or even less.</li>
<li>Unnecessary resources CSS/JS never loaded on your page.</li>
<li>Full control to choose which resources to load or not.</li>
<li>Proper utilization of transients API.</li>
<li>Dynamic content loading whenever needed.</li>
<li>Google fonts load only if it is being used and unique font family/weight with a single request.</li>
<li>In build Optimization options on <a href="https://www.gutentor.com/documentation/article/global-options/" rel="nofollow ugc">Gutentor Global Options</a>.</li>
<li>Compatible with Optimization/Cache Plugins.</li>
</ul>
<h3>ADVANCED PAGE BUILDING GUTENBERG BLOCKS INSIDE GUTENTOR</h3>
Gutentor Blocks are categorized into 5 different types:
<h3>1. GUTENTOR ELEMENTS</h3>
<ul>
<li>Advanced Text</li>
<li>Button</li>
<li>Counter</li>
<li>Divider</li>
<li>Google Map</li>
<li>Icon</li>
<li>Image</li>
<li>Advanced List</li>
<li>Pricing</li>
<li>Progress Bar</li>
<li>Rating</li>
<li>Simple Text</li>
<li>Video Popup</li>
</ul>
<h3>2. GUTENTOR MODULES</h3>
<ul>
<li>Advanced Columns</li>
<li>Button Group</li>
<li>Carousel</li>
<li>Container/Cover</li>
<li>Dynamic Columns</li>
<li>Slider</li>
<li>Accordion</li>
<li>Tabs</li>
<li>Icon Group</li>
<li>Form Wrapper</li>
<li>Gallery</li>
<li>Filter</li>
<li>Quote</li>
<li>Table of Contents</li>
</ul>
<h3>3. GUTENTOR POSTS (POST TYPES)</h3>
<ul>
<li>Post (Type)</li>
<li>Post (Type) Feature</li>
<li>Advanced Post (Type)</li>
<li>Post (Type) Carousel</li>
<li>Post (Type) News Ticker</li>
<li>Duplex Post (Type)</li>
</ul>
<h3>4. GUTENTOR TERMS ( CATEGORY AND CUSTOM TAXONOMY )</h3>
<ul>
<li>Term (Category)</li>
<li>Term (Category) Feature</li>
<li>Term (Category) Carousel</li>
</ul>
<h3>5. GUTENTOR WIDGETS</h3>
<ul>
<li>About Widget</li>
<li>Accordion Widget</li>
<li>Advanced Columns Widget</li>
<li>Advanced List Widget</li>
<li>Author Profile Widget</li>
<li>Post Widget</li>
<li>Call to Action Widget</li>
<li>Content Widget</li>
<li>Countdown Widget</li>
<li>Counter Widget</li>
<li>Featured Widget</li>
<li>Gallery Widget</li>
<li>Google Map Widget</li>
<li>Icon Widget</li>
<li>Image Widget</li>
<li>Image Slider Widget</li>
<li>Notification Widget</li>
<li>Opening Hours Widget</li>
<li>Pricing Widget</li>
<li>Progress Bar Widget</li>
<li>Restaurant Menu Widget</li>
<li>Social Links Widget</li>
<li>Show More Widget</li>
<li>Tabs Widget</li>
<li>Team Widget</li>
<li>Testimonial Widget</li>
<li>Timeline Widget</li>
<li>Video Popup Widget</li>
</ul>
Gutentor provides awesome and innovative Gutenberg blocks for enhancing your website at an advanced level.
Here are the details of the Gutentor blocks:
<h3>1. GUTENTOR ELEMENTS</h3>
Gutentor elements are conceptualized to use inside the Gutentor Modules but of course, you can use them anywhere on your editor. Gutentor elements are a small unit of Gutenberg blocks with all set of designing options, combining gutentor elements you can move up to the elegant blocks, sections and full page.
<ul>
<li>
Advanced Text: Insert text with advanced options.
</li>
<li>
Button: Prompt visitors to take action with attractive buttons.
</li>
<li>
Counter: Insert an animated number to display the counter number.
</li>
<li>
Divider: Visually distinguish sections with divider using SVG shape or border.
</li>
<li>
Google Map: Display a Google Map on your website with Google Map API.
</li>
<li>
Icon: Insert an icon to symbolize the text.
</li>
<li>
Image: Insert an image to create extra value on the content.
</li>
<li>
Advanced List: Represent the paragraphs in tabbed styles.
</li>
<li>
Pricing: Insert the pricing to showcase the price of the product.
</li>
<li>
Progress Bar: Showcase the progress of the work in an animated form.
</li>
<li>
Rating: Insert the rating element to represent the rating from 1-5 stars.
</li>
<li>
Simple Text: Insert text with minimal but sufficient options.
</li>
<li>
Video Popup: Insert video on your website.
</li>
</ul>
<h3>2. GUTENTOR MODULES</h3>
Gutentor modules are designed and developed in such a way that you can construct a more complex structure on your web in a simple way. Technically most of the gutentor modules are composed of gutentor elements or used as a container of gutentor elements.
<ul>
<li>
Advanced Columns: Insert advanced columns to create customizable columns within the page.
</li>
<li>
Button Group: Insert button group and add unlimited buttons.
</li>
<li>
Carousel: Insert carousel column and add element inside the columns.
</li>
<li>
Container/Cover: Insert the whole block of a single container on the page.
</li>
<li>
Dynamic Columns: Creating columns on the editor is never been easier before, insert dynamic columns to insert unlimited columns with advanced options.
</li>
<li>
Slider: We present you with the most advanced and awesome Slider. Insert slider with advanced options and add any elements within the slide like text, image, button, video and all gutentor elements.
</li>
<li>
Accordion: Accordion Module lets you design Accordion ( Collapse ) Items and pin any Gutentor Elements on Accordion Body. Accordion Panel ( Heading ) is created with Texts and Icons with various design options. Create beautiful FAQ, Accordion, and collapsible items using Accordion Module.
</li>
<li>
Tabs: Create beautiful and advanced tabs and add any Gutentor Element in the Tab Body. Tab Title is created using Texts and Icons with various design options. You can create both vertical and horizontal tabs.
</li>
<li>
Icon Group: Insert multiple icons in the Icon Group and create beautiful social profile links and icon designs using icons.
</li>
<li>
Form Wrapper: Form Wrapper is specially designed and developed to use Contact Form shortcode. You can design Form Input Field, Text Area and Button according to your need.
</li>
<li>
Gallery: Advanced gallery block which let you add any Gutentor Elements as gallery content. The Module Gallery Block also allows customizing the popup content as image and video.
</li>
<li>
Filter: Filter block has module gallery all features with added primary/secondary filters items and searches filter. Filter block uses Module Gallery block as an inner block.
</li>
<li>
Quote (New): Quote is the collection of elements that create an adorable quote design.
</li>
<li>
Table of Contents (New): Table of Contents(TOC) facilitates to access large contents of post/page including all the headings.
</li>
</ul>
We have a plan to develop more gutentor elements and gutentor modules in the coming version. If you have any suggestions feel free to contact us on the <a href="https://wordpress.org/support/plugin/gutentor/" rel="ugc">Gutentor support forum</a>.
<h3>3. GUTENTOR POSTS (POST TYPES)</h3>
Gutentor posts category is collections of blocks related to WordPress posts and post types. We have developed post blocks in such a way that you can create almost every possible design from post and post types for FREE!!!
<ul>
<li>Perfect to create Blog, News and Magazine Sites</li>
<li>Perfect to create WooCommerce Shop, your Online Store</li>
<li>Perfect to create Easy Digital Downloads Store</li>
<li>Create any Post or Post Type related Design</li>
</ul>
Gutenberg Block in Gutentor Post
<ul>
<li>
Post (Type): Display Blog Post with a list and grid view with a different template. Control each small unit of blog-post like feature image, title, excerpt, meta elements with advanced options, sort elements and so on.
</li>
<li>
Post (Type) Feature: – Showcase your Blog Article Post with an attractive design template. Currently, we have 38 unique and lovely templates available with advanced design options. You can create an unlimited number of stunning blog section designs for your site and customize them as per your need. This block module is developed especially for blog, news or magazine sites.
</li>
<li>
Advanced Post (Type): – Advanced Post (Type) is a combination of multiple blocks like Post (Type), Post Header and Post Footer. Post Header is a template combination of Gutentor Simple Text, Term Filter and Navigation. Similarly, Post Footer is a template combination of Gutentor Simple Text, Term Filter, Pagination, Navigation and Load more button. This module is the most advanced block we have ever built, try it out and control each element.
</li>
<li>
Post (Type) Carousel: – Post (Type) Carousel use Post (Type) as an inner block. You have all options of Post (Type) on Post (Type) Carousel with added Advanced Carousel Options. Since we are using the framework Slick Carousel, we have added almost all possible and useful options related to the Slick Carousel. Create a beautiful and unique Post Carousel using our Post (Type) Carousel.
</li>
<li>
Post (Type) News Ticker: – News Ticker is very important for Magazine and News Site. To create a news ticker module on Gutentor, we have developed our own jQuery library AcmeTicker. It includes all major and useful options to create News Ticker unique and beautiful.
</li>
<li>
Duplex Post (Type): – This module allows you to design your post in two different ways – Feature Post and Normal Post. You can use Feature Post design in one way and Normal Post in another way; post design will be more beautiful with this Duplex Post (Type).
</li>
</ul>
<h3>4. GUTENTOR TERMS ( CATEGORY AND CUSTOM TAXONOMY )</h3>
<ul>
<li>
Term (Category): Similar to Post (Type) block but in Term (Category) you can customize any term with a beautiful design.
</li>
<li>
Term (Category) Feature: – 38 unique and lovely templates to showcase your Category and Term similar to Post (Type) Feature. Very useful to Blog, Magazine and E-commerce sites.
</li>
<li>
Term (Category) Carousel: – Term (Category) Carousel Block use Term (Category) as an inner block. You will find almost every option to customize your Term (Category) Carousel.
</li>
</ul>
<h3>5. GUTENTOR WIDGETS</h3>
Gutentor widgets are independent blocks, a very simple way to create your site section and blocks. The main difference between Gutentor Module and Gutentor Widgets is Gutentor widgets have already predefined elements, you will not be able to add new elements whereas on Gutentor Modules you can/have to add individual Gutentor Elements as you want.
<h3>Enjoying Gutentor?</h3>
<ul>
<li>Join our <a href="https://www.facebook.com/groups/gutentor" rel="nofollow ugc">Facebook Group</a>.</li>
<li>Follow us in <a href="https://twitter.com/gutentor" rel="nofollow ugc">Twitter @gutentor</a>.</li>
<li>Learn from our tutorials on <a href="https://www.youtube.com/watch?v=noppoc1zLIk&list=PLDLpZS3H6SMnpUnrU84LwFs9AAzTYcbmA" rel="nofollow ugc">YouTube Videos</a>.</li>
<li>Or rate us on <a href="https://wordpress.org/support/plugin/gutentor/reviews/?filter=5/#new-post" rel="ugc">WordPress</a> 🙂</li>
</ul>

Gutentor – Gutenberg Blocks – Page Builder for Gutenberg Editor

In plugin documentation, they have a guids on using custom fonts, but in reality there is no option for using custom fonts in their plugin. 

Plugin UI & Plugin Documentation does not match


3rd class plugin, especially on page speed optimization.


Harmful for page Speed Optimization.

Advanced yet easy, Gutenberg editor page builder blocks. Create a masterpiece, pixel perfect website using modern WordPress Gutenberg blocks.

SKT Blocks – Gutenberg based Page Builder vs Gutentor – Gutenberg Blocks – Page Builder for Gutenberg Editor