Gerasimos Tsiamalos

Vassilis Mastorostergios

Anastis Sourgoutsidis

The CSSIgniter Team

<a href="https://www.cssigniter.com/plugins/gutenbee/" rel="nofollow ugc">GutenBee is a collection of elegant WordPress blocks</a> enhancing your editing experience in the Gutenberg editor and vastly extending the potential of the new editor experience.
Check out <a href="https://www.cssigniter.com/gutenbee/" rel="nofollow ugc">the demo</a> now!
The plugin’s documentation can be found <a href="https://www.cssigniter.com/docs/gutenbee/" rel="nofollow ugc">here</a>.
Here’s the demo of one of our latest blocks, the Food Menu block
<iframe loading="lazy" class="youtube-player" width="750" height="422" src="https://www.youtube.com/embed/Wv_zwREKi68?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>
Blocks:
<ul>
<li>Accordion: Organize your content into accordion elements. All the content including titles can be edited directly in the WordPress editor and you can choose any color combination from the block’s settings.</li>
<li>Banner: Create beautiful and flexible banners on your site to capture user attention. Supports video backgrounds.</li>
<li>Buttons: Actionable content needs clickable buttons. Add one or more buttons, tweak their colors, borders and alignment and you’re all set!</li>
<li>Container: A powerful container block allowing content grouping or splitting in columns, complete with fully responsive settings.</li>
<li>Countdown: Have an upcoming event? Pick a date directly inside the editor screen, choose your layout, colors, and typography and you’re ready!</li>
<li>CountUp: Maybe not every block counts, but this one does! Pick a starting and ending number, add a suffix or prefix, style it and you’re done!</li>
<li>Divider: Provide thematic content spacing with a fancy divider, edit its style, colors, and margins.</li>
<li>Food Menu: Display your dishes and drink offerings in a stylish fashion.</li>
<li>Google Maps: Easy-peasy fancy maps with the Google Maps block. Just enter a location and save, it just works! With support for beautiful predefined map styles and Snazzy custom map styles!</li>
<li>Heading: A normal heading block with responsive settings.</li>
<li>Icon: Display icons from a custom designed, curated list of over one hundred icons, with more icons being added in regular updates!</li>
<li>Icon Box: Your standard icon box block on steroids. Choose from over one hundred custom designed icons, style them any way and at any size you like, add some text and you’re good to go.</li>
<li>Icon List: Create lists with beautiful icons instead of bullets.</li>
<li>Image: A variation of the core Image block with extra responsive spacing and sizing settings.</li>
<li>Image Box: A standard image box with title and text block on steroids. Adjust your spacing, layout, alignment, or colors and typography.</li>
<li>Image Comparison: Need to showcase your photo editing skills or writing up a camera review? With the Image Comparison block you can enhance your posts with side-by-side comparison of any two photos you wish.</li>
<li>Justified Gallery: Create beautiful justified grid layout galleries inside any of your post or pages.</li>
<li>Paragraph: A variation of the core Paragraph block with responsive spacing settings.</li>
<li>Progress Bar: Add stylish progress bars and display either progress or your skillset with the most visually captivating way.</li>
<li>Review: Transform any post into a review. Score items individually, and average them out automatically.</li>
<li>Slideshow: Add a fancy slideshow to your posts or pages. Drag and drop your images, choose your settings and hit publish!</li>
<li>Spacer: Complete control spacing of elements in your posts and pages with the responsive Spacer block.</li>
<li>Tabs: Organize your content into fancy tabs. All the content including titles can be edited directly in the WordPress editor and you can choose any color combination from the block’s settings.</li>
<li>Testimonial: An easy to use block to help you display your testimonials with multiple layouts.</li>
<li>Post Types: List posts from any post type in a configurable grid, complete with fully responsive settings.</li>
<li>Video: Embed a video from your media library or upload a new one.</li>
<li>Video Embed: Embed videos from YouTube or Vimeo and lazy-load theme if you wish to.</li>
</ul>
JOIN OUR COMMUNITY 
Join our <a href="https://www.facebook.com/groups/2601788933169108" rel="nofollow ugc">Facebook group</a> to discuss new features and stay up to date on our latest releases.
Contribute 
Visit the <a href="https://github.com/cssigniter/gutenbee" rel="nofollow ugc">GitHub repository</a> for full source code and to report any bugs.

GutenBee – Gutenberg Blocks

GutenBee enhances the Gutenberg editor with more blocks!

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.

GutenBee – Gutenberg Blocks vs Page Builder: Pagelayer – Drag and Drop website builder