rbhavesh

Blocks Builder add new & customizable content blocks to the <a href="https://templatic.com/wp/wordpress-gutenberg-editor/" rel="nofollow ugc">Gutenberg editor</a>. Besides content blocks, there are blocks that lets you place the social media icons anywhere you need.
This is a lightweight plugin to let you create attractive & colorful content sections. The flexible Blocks Builder adds more customization possibilities to the basic blocks like the text block, or the heading block.
<h3>Custom settings for each block</h3>
Each of the Blocks of Blocks Builder come with some simple and intuitive options to manage the block and the content. The basic settings include changing the color of the text, size, background color management, etc.
<h4>Blocks Builder block includes the following blocks</h4>
<ul>
<li>
Profile Block: The profile block, lets you create an author profile section on your blog. It lets you update the author image and biographical text. With the Blocks Builder Author profile block, you can even add customizable social media icons for the author. 
<a href="https://demo.templatic.com/gutenberg/blocks-builder-profile-block/" rel="nofollow ugc">Block Demo</a>
</li>
<li>
Alert block: This is a block for creating alert box, for highlighted content on your page. You can change the heading and the text color, set background for both, change the border color and choose the kind of alert box. 
<a href="https://demo.templatic.com/gutenberg/blocks-builder-alert-block/" rel="nofollow ugc">Block Demo</a>
</li>
<li>
Drop cap block: Create a text section with colored background and a drop cap. This section lets you change the text color, background color, font size and enable drop cap. 
<a href="https://demo.templatic.com/gutenberg/blocks-builder-dropcap-block/" rel="nofollow ugc">Block Demo</a>
</li>
<li>
Social Media block: Lets you insert social media icons within your content area in a WordPress blog or page. The blocks lets you choose from Facebook, Twitter, Instagram, and LinkedIn. It lets you set the social icon and background color, set round or square icons, & set the URL to link to your social media profile. 
<a href="https://demo.templatic.com/gutenberg/blocks-builder-social-block/" rel="nofollow ugc">Block Demo</a>
</li>
<li>
Separator block: A simple line separator to differentiate two different text sections. You can choose if you want the separator to be a solid line or a dashed one. Also, you can adjust the thickness of the separator and set its color. Also, you can opt for a full width separator that spans across the content width. 
<a href="https://demo.templatic.com/gutenberg/blocks-builder-separator-block/" rel="nofollow ugc">Block Demo</a>
</li>
<li>
Cover Image block: This block lets you create gorgeous section with a background image. You can even change the overlay color of this section, manage the text color and change the text size. 
<a href="https://demo.templatic.com/gutenberg/blocks-builder-cover-image/" rel="nofollow ugc">Block Demo</a>
</li>
<li>
Heading block: The heading block lets you set a colored heading for your blog/page content. You can choose the heading level, the alignment of the heading (left, right, centered) and the color of the heading text. 
<a href="https://demo.templatic.com/gutenberg/blocks-builder-heading-block/" rel="nofollow ugc">Block Demo</a>
</li>
<li>
Text block: This block lets you create beautiful text sections with background color. You can adjust the text font size, change the text color and set a background color of your choice. 
<a href="https://demo.templatic.com/gutenberg/blocks-builder-text-block/" rel="nofollow ugc">Block Demo</a>
</li>
<li>
Map Block: This is a block for creating Maps on your site. You can add map with location and set its zoom as per your requirement. You can also set the height and width of the Map box. 
<a href="https://demo.templatic.com/gutenberg/map-block/" rel="nofollow ugc">Block Demo</a>
</li>
<li>
Price Block: This block helps you to create a beautiful price table with just one click. You can add price tables as per your requirements with the color of your choice. 
<a href="https://demo.templatic.com/gutenberg/price-block/" rel="nofollow ugc">Block Demo</a>
</li>
<li>
Button Block: Button block to create attractive buttons on your website. The button block is completely customizable and lets you choose the colors, style and size of your buttons. 
<a href="https://demo.templatic.com/gutenberg/button-block/" rel="nofollow ugc">Block Demo</a>
</li>
<li>
Tweet Block: The Click to tweet block allows you to integrate the “Click & tweet” feature on your page/block. Enter the clickable text in the box and the user will be able to click it instantly when he clicks over it.
</li>
</ul>

Blocks – Ultimate Page Building Blocks for Gutenberg

Blocks Builder is a suite of page builder Gutenberg blocks for writers, publishers and content marketers.

softaculous

pagelayer

Presenting you Pagelayer a WordPress Website builder. Whether you’re a beginner or a professional, Pagelayer is built for delivering the best designing experience and fast performance that you will fall in love with.
<iframe loading="lazy" class="youtube-player" width="750" height="422" src="https://www.youtube.com/embed/JiY_oOND7rA?version=3&rel=1&showsearch=0&showinfo=1&iv_load_policy=1&fs=1&hl=en-US&autohide=2&wmode=transparent" allowfullscreen="true" style="border:0;" sandbox="allow-scripts allow-same-origin allow-popups allow-presentation allow-popups-to-escape-sandbox"></iframe>
Pagelayer is an awesome page builder that allows you to create and design your website instantly in the simplest way possible. Take control over your page content with the most advanced page builder plugin available. With Pagelayer, you can create just about everything !
<a href="https://pagelayer.com" title="Pagelayer Homepage" rel="nofollow ugc">Home Page</a> | <a href="https://pagelayer.deskuss.com" title="Pagelayer Support" rel="nofollow ugc">Support</a> | <a href="http://pagelayer.com/docs" title="Documents" rel="nofollow ugc">Documents</a>
<h3>Gutenberg Editor Blocks Integration</h3>
Pagelayer smoothly collaborates with the Gutenberg editor, ensuring it aligns seamlessly with WordPress’ built-in block editor. This means you can effortlessly blend Pagelayer’s advanced page-building tools with the user-friendly Gutenberg blocks, giving you the best of both worlds. Whether you fancy the straightforwardness of Gutenberg blocks or the sophistication of Pagelayer’s drag-and-drop editor, the decision is entirely yours. This compatibility grants you the flexibility to harness the strengths of both systems, resulting in unmatched design versatility for your WordPress website. Explore the synergy of Pagelayer and Gutenberg, unlocking a new level of creativity for your web projects.
<h3>Next generation Drag & Drop Editor</h3>
Now making your imagined website designs is as simple as just a few drag and drop made possible only with Pagelayer. A next-generation page builder with so many features and functionality and as easy as a piece of cake without the need of technical knowledge.
<h3>Widgets for every design</h3>
Thinking if the design in your mind is possible 🤔? Yes! it is now possible with Pagelayer. We have a large number of widgets (100+) to choose and design from, be it a blog, portfolio, corporate, e-commerce or any other category. With Pagelayer everything is possible. To learn about widgets visit <a href="https://pagelayer.com/widgets/" rel="nofollow ugc">here.</a>
<h3>Stunning Experience with Real-Time Design</h3>
Designing is no fun if we have to refresh the page to see the changes being applied😥. Say no to reloads. Pagelayer builder is a real-time builder so whenever you make changes on your page it gets updated instantly on the preview in the editor so you can check how the changes look. It helps you design your page quickly by saving your time. 
No more disjointed experience, build and edit everything right in front of your eyes.
<h3>E-Commerce website designing</h3>
Turn your website into an eCommerce machine with innovative tools and widgets to create an online shopping experience: product catalogs, product pages or shopping carts.
<h3>Advanced In-line Editing</h3>
Experience the all-new <a href="https://youtu.be/x5gVx2g6DhA" rel="nofollow ugc">PEN editor</a> a next-generation text editor. Simply click on any text and start typing edit the existing text or add your custom text. A variety of header and text options enhance your experience as well.
<h3>Responsiveness for all device</h3>
With Pagelayer responsive design is now made easy no coding, no hassle just a few tweaks and your website is ready to render as per your desired setting on any kind of device. Manage responsiveness for typography, color, padding, and all settings for tablet and mobile.
<h3>Cloning made easy</h3>
Now save time by just a click of a mouse, need to clone a section? or a page? or a post? no worries Pagelayer got you covered. Leave duplicating to Pagelayer the all-new advanced real-time builder.
<h4>30+ Free Widgets and adding more</h4>
<ul>
<li>Row</li>
<li>Columns</li>
<li>Title</li>
<li>Rich Text</li>
<li>Quote</li>
<li>List</li>
<li>Icon</li>
<li>Badge</li>
<li>Tooltip</li>
<li>Image</li>
<li>Image Slider</li>
<li>Video</li>
<li>Grid Gallery</li>
<li>Button</li>
<li>Tabs</li>
<li>Accordion</li>
<li>Collapse</li>
<li>Image Box</li>
<li>Icon Box</li>
<li>Space</li>
<li>Embed</li>
<li>Shortcodes</li>
<li>Counter</li>
<li>Google Maps</li>
<li>Testimonial</li>
<li>Progress Bars</li>
<li>Color Block</li>
<li>Alert</li>
<li>Divider</li>
<li>Social Profile</li>
<li>Star Rating</li>
<li>Anchor</li>
<li>And counting…</li>
</ul>
<h3>Unlock the BEST with Pagelayer PREMIUM</h3>
The most powerful and professional website builder unlocks the beast with pro [features]{https://pagelayer.com/features/} that will improve your website performance and designing experience to the next level. Get access to more professional widgets, options, and tools to get recognized.
** There are many features to improve your website ** 
* <a href="https://pagelayer.com/docs/how-tos/make-header-sticky/" rel="nofollow ugc">Sticky header</a> 
* <a href="https://pagelayer.com/docs/how-tos/how-to-use-motion-effects/" rel="nofollow ugc">Motion Effects</a> 
* <a href="https://pagelayer.com/docs/how-tos/how-to-create-a-mega-menu" rel="nofollow ugc">Mega Menu</a> 
* <a href="https://pagelayer.com/docs/how-tos/how-to-enable-infinte-scroll-for-the-posts" rel="nofollow ugc">Infinite Scroll</a> 
* <a href="https://pagelayer.com/docs/pagelayer-pro-widgets/call-to-action/" rel="nofollow ugc">Call to Action</a> 
* <a href="https://pagelayer.com/docs/pagelayer-pro-widgets/contact-form/" rel="nofollow ugc">Contact Form</a> 
* <a href="https://pagelayer.com/docs/pagelayer-pro-widgets/image-hotspot" rel="nofollow ugc">Image Hotspot</a> 
* <a href="https://pagelayer.com/docs/pagelayer-pro-widgets/table/" rel="nofollow ugc">Table</a> 
* <a href="https://pagelayer.com/docs/pagelayer-pro-widgets/modal/" rel="nofollow ugc">Modal</a> 
* <a href="https://pagelayer.com/docs/getting-started/pagelayer-popup-template-builder/" rel="nofollow ugc">Popup Builder</a> 
* <a href="https://pagelayer.com/docs/pagelayer-pro-widgets/timeline/" rel="nofollow ugc">TimeLine</a> 
* <a href="https://pagelayer.com/docs/pagelayer-pro-widgets/slides/" rel="nofollow ugc">Slides</a> 
* <a href="https://pagelayer.com/docs/pagelayer-pro-widgets/" rel="nofollow ugc">List of Premium widgets</a> 
* Adding More…

Page Builder: Pagelayer – Drag and Drop website builder

The most advanced frontend drag & drop page builder. Pagelayer is a light weight but extremely powerful Website Builder.

Blocks – Ultimate Page Building Blocks for Gutenberg vs Page Builder: Pagelayer – Drag and Drop website builder