Gerasimos Tsiamalos

Vassilis Mastorostergios

Anastis Sourgoutsidis

The CSSIgniter Team

<p><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.</p>
<p>Check out <a href="https://www.cssigniter.com/gutenbee/" rel="nofollow ugc">the demo</a> now!</p>
<p>The plugin’s documentation can be found <a href="https://www.cssigniter.com/docs/gutenbee/" rel="nofollow ugc">here</a>.</p>
<p>Here’s the demo of one of our latest blocks, the Food Menu block</p>
<p><span class="embed-youtube" style="text-align:center; display: 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></span></p>
<p><strong>Blocks:</strong></p>
<ul>
<li><strong>Accordion</strong>: 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><strong>Banner</strong>: Create beautiful and flexible banners on your site to capture user attention. Supports video backgrounds.</li>
<li><strong>Buttons</strong>: Actionable content needs clickable buttons. Add one or more buttons, tweak their colors, borders and alignment and you’re all set!</li>
<li><strong>Container</strong>: A powerful container block allowing content grouping or splitting in columns, complete with fully responsive settings.</li>
<li><strong>Countdown</strong>: Have an upcoming event? Pick a date directly inside the editor screen, choose your layout, colors, and typography and you’re ready!</li>
<li><strong>CountUp</strong>: 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><strong>Divider</strong>: Provide thematic content spacing with a fancy divider, edit its style, colors, and margins.</li>
<li><strong>Food Menu</strong>: Display your dishes and drink offerings in a stylish fashion.</li>
<li><strong>Google Maps</strong>: 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><strong>Heading</strong>: A normal heading block with responsive settings.</li>
<li><strong>Icon</strong>: Display icons from a custom designed, curated list of over one hundred icons, with more icons being added in regular updates!</li>
<li><strong>Icon Box</strong>: 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><strong>Icon List</strong>: Create lists with beautiful icons instead of bullets.</li>
<li><strong>Image</strong>: A variation of the core Image block with extra responsive spacing and sizing settings.</li>
<li><strong>Image Box</strong>: A standard image box with title and text block on steroids. Adjust your spacing, layout, alignment, or colors and typography.</li>
<li><strong>Image Comparison</strong>: 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><strong>Justified Gallery</strong>: Create beautiful justified grid layout galleries inside any of your post or pages.</li>
<li><strong>Paragraph</strong>: A variation of the core Paragraph block with responsive spacing settings.</li>
<li><strong>Progress Bar</strong>: Add stylish progress bars and display either progress or your skillset with the most visually captivating way.</li>
<li><strong>Review</strong>: Transform any post into a review. Score items individually, and average them out automatically.</li>
<li><strong>Slideshow</strong>: Add a fancy slideshow to your posts or pages. Drag and drop your images, choose your settings and hit publish!</li>
<li><strong>Spacer</strong>: Complete control spacing of elements in your posts and pages with the responsive Spacer block.</li>
<li><strong>Tabs</strong>: 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><strong>Testimonial</strong>: An easy to use block to help you display your testimonials with multiple layouts.</li>
<li><strong>Post Types</strong>: List posts from any post type in a configurable grid, complete with fully responsive settings.</li>
<li><strong>Video</strong>: Embed a video from your media library or upload a new one.</li>
<li><strong>Video Embed</strong>: Embed videos from YouTube or Vimeo and lazy-load theme if you wish to.</li>
</ul>
<p><strong>JOIN OUR COMMUNITY</strong><br />
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.</p>
<p><strong>Contribute</strong><br />
Visit the <a href="https://github.com/cssigniter/gutenbee" rel="nofollow ugc">GitHub repository</a> for full source code and to report any bugs.</p>


GutenBee – Gutenberg Blocks

GutenBee enhances the Gutenberg editor with more blocks!

<p>Add incredible versatility to your editor without bloating it with tons of one-dimensional blocks. With GenerateBlocks, you can learn a handful of blocks deeply and use them to build anything.</p>
<p><a href="https://generatepress.com/blocks?utm_source=wp-repo&utm_medium=link&utm_campaign=readme" rel="nofollow ugc">GenerateBlocks</a> works hand-in-hand with <a href="https://generatepress.com/theme?utm_source=wp-repo&utm_medium=link&utm_campaign=generateblocks-readme" rel="nofollow ugc">GeneratePress</a>, but is built to work with any theme.</p>
<p>Looking for more features? Check out <a href="https://generatepress.com/blocks?utm_source=wp-repo&utm_medium=link&utm_campaign=readme" rel="nofollow ugc">GenerateBlocks Pro</a>.</p>
<h4>Container</h4>
<p>Organize your content into rows and sections. The Container block is the foundation of your content, allowing you to design unique sections for your content.</p>
<h4>Grid</h4>
<p>Create advanced layouts with flexible grids. The Grid block gives you the ability to create any kind of layout you can imagine.</p>
<h4>Text</h4>
<p>Craft text-rich content with advanced typography. Everything from headings to paragraphs – take full control of your text.</p>
<h4>Button</h4>
<p>Drive conversions with beautiful buttons.</p>
<h4>Query</h4>
<p>Build a list of posts from any post type using advanced query parameters. Query post meta and option fields in GenerateBlocks Pro.</p>
<h4>Image</h4>
<p>Add images to your content to make a visual statement.</p>
<h4>Shape</h4>
<p>Add custom SVG shapes to your pages with ease.</p>
<h4>Dynamic Tags</h4>
<p>Use our powerful dynamic tags to display dynamic content inside your blocks.</p>
<ul>
<li>Post title</li>
<li>Post excerpt</li>
<li>Post permalink</li>
<li>Post date</li>
<li>Featured image</li>
<li>Post meta</li>
<li>Author meta</li>
<li>Comment count</li>
<li>Comments URL</li>
<li>Author archives URL</li>
<li>Author avatar URL</li>
<li>Term list</li>
<li>Previous posts URL</li>
<li>Next posts URL</li>
<li>Media</li>
</ul>
<p>In GenerateBlocks Pro, you get additional dynamic tags:</p>
<ul>
<li>Archive title</li>
<li>Archive description</li>
<li>Site option</li>
<li>Term meta</li>
<li>User meta</li>
<li>Current year</li>
<li>Site title</li>
<li>Site tagline</li>
<li>Loop index number</li>
<li>Loop item</li>
</ul>
<h4>Performance</h4>
<p>We take performance seriously. Minimal CSS is generated only for the blocks you need, and our HTML structure is as simple as possible while allowing for maximum flexibility.</p>
<h4>Coding standards</h4>
<p>Built to the highest coding standards for security, stability and future compatibility.</p>
<h4>Fully responsive</h4>
<p>Style your blocks for different screen sizes.</p>
<ul>
<li>Desktop: @media (min-width:1025px)</li>
<li>Desktop & Tablet: @media (min-width:768px)</li>
<li>Tablet: @media (max-width:1024px) and (min-width:768px)</li>
<li>Tablet & Mobile: @media (max-width:1024px)</li>
<li>Mobile: @media (max-width:767px)</li>
</ul>
<p>In GenerateBlocks Pro, you can create as many custom media queries as you need.</p>
<h4>Documentation</h4>
<p>Check out our <a href="https://learn.generatepress.com/" rel="nofollow ugc">documentation</a> for more information on the individual blocks and how to use them.</p>


GenerateBlocks

Great, really great product by an amazing team.

A small number of blocks (what is it 4?) that cover almost any need when it comes to layouts.

Light, straight forward with tons of options and zero bloat. Insanely good.

Combined with GeneratePress Premium theme by the same team ... powerfull solution for wotking with dynamic data too.

The best


A very differnet block plugin then the others


Came to GenerateBlocks via GeneratePress. The combination of these two have made a world of difference for my site. Core Web Vitals have improved across the board, and I am able to do with CSS and this plugin much of what I did with many plugins. Ended up going with the Pro version. No regrets on this one.



I use it in all my websites. It is super flexible and easy to use to build complex designs.


The best collection of blocks

A small collection of lightweight WordPress blocks that can accomplish nearly anything.

GutenBee – Gutenberg Blocks vs GenerateBlocks