Alvaro

<p><a href="https://gutenberg-showcase.melonpan.io/melonpan-block-images" rel="nofollow ugc">Demo</a> – <a href="https://melonpan.io/gutenberg-blocks/melonpan-block-images" rel="nofollow ugc">Documentation</a> – <a href="https://github.com/garciaalvaro/melonpan-block-images" rel="nofollow ugc">GitHub</a></p>
<p>Add a gallery of images in a simple but clean layout. The block comes with the following settings:</p>
<h3>Features</h3>
<p>The block comes with the following settings:</p>
<ul>
<li>Layout Vertical, Horizontal, Slider</li>
<li>Images separation</li>
<li>Cover size with aspect ratio</li>
<li>Responsive property</li>
<li>Fixed dimension for Horizontal and Slider layouts</li>
<li>Slider dot color</li>
</ul>
<p>Simple but created to be useful. Each image is rendered with the srcset property containing all sizes available. No scripts are added in the front-end.</p>
<h3>Usage</h3>
<p>The block can be found inside the blocks inserter menu under the <em>Melonpan Blocks</em> category.<br />
Once added in the post you can edit its settings on the Editor sidebar under the Block settings panel.</p>
<h3>Credits</h3>
<p>Screenshot images belong to <a href="https://unsplash.com/@charlpost" rel="nofollow ugc">Charles Postiaux</a>.</p>


Melonpan Block – Images

Add a gallery of images in a simple but clean layout.

MotoPress

<p>Getwid is a <strong>collection of 40+ Gutenberg blocks</strong> that greatly extends the library of existing core WordPress blocks and 35+ unique pre-made block templates for the Block Editor.</p>
<ul>
<li><a href="https://getwid.getmotopress.com/" rel="nofollow ugc">View Demo</a></li>
<li><a href="https://www.youtube.com/playlist?list=PLbDImkyrISyLX7CwC1bHWTwJLwlBBmrhp" rel="nofollow ugc">Video Tutorials</a></li>
<li><a href="https://www.facebook.com/groups/474242029787020/" rel="nofollow ugc">Facebook Community</a></li>
</ul>
<p>The Getwid Gutenberg blocks ship with all the common blocks available in other Gutenberg add-ons usually offered as premium plugins, PLUS Getwid has a great bunch of unique blocks!</p>
<ul>
<li>Advanced Gutenberg blocks for designed for developers.</li>
<li>Extensive attributes for each block.</li>
<li>Real-time customization.</li>
<li>Works great with any WordPress theme.</li>
<li>Seamless interplay with the core Gutenberg blocks.</li>
<li>Performance-oriented WordPress Gutenberg blocks plugin.</li>
</ul>
<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/6nexYIpIC4E?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>
<h3>Getwid free gutenberg blocks</h3>
<p>Multifunctional static and dynamic blocks for Gutenberg:</p>
<ul>
<li><a href="https://getwid.getmotopress.com/blocks/section-block/" rel="nofollow ugc">Section Block</a> – build custom page section layouts of any type (set alignments; use video, slider and image backgrounds; change foregrounds, apply animation, play with colors and shapes, etc.).</li>
<li><a href="https://getwid.getmotopress.com/blocks/advanced-heading-block/" rel="nofollow ugc">Advanced Heading Block</a> – a rich typography control panel for creating catchy headings – access to Google fonts, styles, sizes, one-click text case conversion, spacing and colors.</li>
<li><a href="https://getwid.getmotopress.com/blocks/google-maps-block/" rel="nofollow ugc">Google Maps Block</a> – embed simple Google Maps with unlimited custom markers using this WordPress Gutenberg plugin.</li>
<li><a href="https://getwid.getmotopress.com/blocks/icon-block/" rel="nofollow ugc">Icon Block</a> – create effective and clear user interfaces with a collection of customizable icons.</li>
<li><a href="https://getwid.getmotopress.com/blocks/icon-box-block/" rel="nofollow ugc">Icon Box Block</a> – construct responsive service boxes with icons, headings and text boxes using premade styles, modifying colors, sizes and hover effects.</li>
<li><a href="https://getwid.getmotopress.com/blocks/image-box-block/" rel="nofollow ugc">Image Box Block</a> – get deeper into image presentation – add animation effects, apply the needed size in clicks and modify spacing.</li>
<li><a href="https://getwid.getmotopress.com/blocks/social-links-block/" rel="nofollow ugc">Social Links Block</a> – add any social icons, customize their alignment for different devices, go with pre-made layouts and alter their size and spacing.</li>
<li><a href="https://getwid.getmotopress.com/blocks/banner-block/" rel="nofollow ugc">Banner Block</a> – advertise wisely with fully customizable banners for which you can define sizes, alignments, colors, animation effects and more tools for better presentation of your offerings.</li>
<li><a href="https://getwid.getmotopress.com/blocks/image-slider-block/" rel="nofollow ugc">Image Slider Block</a> – a better way to create image sliders with full control over navigation styles, image sizes and animation effects.</li>
<li><a href="https://getwid.getmotopress.com/blocks/media-text-slider-block/" rel="nofollow ugc">Media & Text Slider Block</a> – showcase brilliant sliders with texts, set custom content width and alignment, apply text and color overlays, choose slide and text animation effects individually.</li>
<li><a href="https://getwid.getmotopress.com/blocks/button-group-block/" rel="nofollow ugc">Button Group Block</a> – add several Gutenberg blocks WordPress call-to-action buttons in style and harmony; update width, alignment and direction for the whole set of buttons at the same time.</li>
<li><a href="https://getwid.getmotopress.com/blocks/person-block/" rel="nofollow ugc">Person Block</a> – create simple and stunning team showcase sections with the settings for job titles, names and image sizes.</li>
<li><a href="https://getwid.getmotopress.com/blocks/accordion-block/" rel="nofollow ugc">Accordion Block</a> – snap and functional accordion tabs section with customizable icons and heading types. Perfect Gutenberg plugin for FAQ sections.</li>
<li><a href="https://getwid.getmotopress.com/blocks/toggle-block/" rel="nofollow ugc">Toggle Block</a> – similar to Accordion block, but it lets users expand tabs manually.</li>
<li><a href="https://getwid.getmotopress.com/blocks/tabs-block/" rel="nofollow ugc">Tabs Block</a> – horizontal or vertical tabs with a bunch of pre-set styles and customizable headings.</li>
<li><a href="https://getwid.getmotopress.com/blocks/image-stack-gallery-block/" rel="nofollow ugc">Image Stack Gallery Block</a> – breathtaking, fully customizable image galleries with seven different styles to unleash your creativity and find a perfect solution for your current WordPress theme design.</li>
<li><a href="https://getwid.getmotopress.com/blocks/testimonial-block/" rel="nofollow ugc">Testimonial Block</a> – a no-frills testimonial block with an author avatar, citation and name.</li>
<li><a href="https://getwid.getmotopress.com/blocks/recent-posts-block/" rel="nofollow ugc">Recent Posts Block</a> – present your latest posts with custom metadata, list or grid layout and a choice of different output behaviors.</li>
<li><a href="https://getwid.getmotopress.com/blocks/advanced-spacer-block/" rel="nofollow ugc">Advanced Spacer Block</a> – add a space between your blocks with an adjustable spacer in the Gutenberg page builder – optionally hide it on mobile, tablet or desktop devices.</li>
<li><a href="https://getwid.getmotopress.com/blocks/instagram-block/" rel="nofollow ugc">Instagram Block</a> – it provides an easy way to connect your Instagram to WordPress and creates a customizable live-feed gallery.</li>
<li><a href="https://getwid.getmotopress.com/blocks/counter-block/" rel="nofollow ugc">Counter Block</a> – show the most significant data about your business in numbers with the lightweight animated counters.</li>
<li><a href="https://getwid.getmotopress.com/blocks/price-box-block/" rel="nofollow ugc">Price Box Block</a> – visualize any data by creating all sorts of comparison and pricing tables.</li>
<li><a href="https://getwid.getmotopress.com/blocks/progress-bar-block/" rel="nofollow ugc">Progress Bar Block</a> – a simple animated horizontal progress bar with customizable colors.</li>
<li><a href="https://getwid.getmotopress.com/blocks/circle-progress-bar-block/" rel="nofollow ugc">Circular Progress Bar Block</a> – animated circular progress bars with the adjustable bar sickness, size and colors.</li>
<li><a href="https://getwid.getmotopress.com/blocks/contact-form-block/" rel="nofollow ugc">Contact Form Block</a> – a simple contact form with a traditional set of the form fields, customizable labels and support for reCAPTCHA.</li>
<li><a href="https://getwid.getmotopress.com/blocks/posts-carousel-block/" rel="nofollow ugc">Post Carousel Block</a> – use agile customization options to showcase posts, pages or custom post types in a catchy carousel with a custom layout.</li>
<li><a href="https://getwid.getmotopress.com/blocks/price-list-block/" rel="nofollow ugc">Price List Block</a> – a perfect block for featuring restaurant menu prices or a table of contents with the adjustable headings, dotted lines, colors, and images.</li>
<li><a href="https://getwid.getmotopress.com/blocks/posts-slider-block/" rel="nofollow ugc">Post Slider Block</a> – fetch your already existing posts, products or other custom post types data into a deeply tunable, stylish slider with several premade layouts.</li>
<li><a href="https://getwid.getmotopress.com/blocks/posts-grid-list/" rel="nofollow ugc">Custom Post Type Block</a> – grid, list or custom view of any custom post types with numerous layout and style customization settings.</li>
<li><a href="https://getwid.getmotopress.com/blocks/mailchimp-block/" rel="nofollow ugc">Mailchimp Block</a> – easy MailChimp API integration for adding email subscription forms.</li>
<li><a href="https://getwid.getmotopress.com/countdown-block/" rel="nofollow ugc">Countdown Block</a> – a dynamic countdown timer with deeply customizable numeric values and time labels, for which you can set a font family and style, sizes, colors, spacing and more.</li>
<li><a href="https://getwid.getmotopress.com/video-popup-block/" rel="nofollow ugc">Video Popup Block</a> – display your Youtube, Vimeo or self-hosted videos in popups; the play video button, custom video covers, colors and sizes of the block containers are fully adjustable.</li>
<li><a href="https://getwid.getmotopress.com/content-timeline-block/" rel="nofollow ugc">Content Timeline Block</a> – display chronological order of any events in a stylish timeline graph with such adjustable containers as headings, subheadings, images, etc.</li>
<li><a href="https://getwid.getmotopress.com/image-hotspot-block/" rel="nofollow ugc">Image Hotspot Block</a> – the Unique one on the Gutenberg addons market! place unlimited animated markers with fully customizable tooltips over your image to make it more informative and interactive.</li>
<li><a href="https://getwid.getmotopress.com/blocks/table-of-contents-wordpress-block/" rel="nofollow ugc">Table of Contents Block</a> – an ordered or unordered table of contents that is based on your page headings (H2, H3, H4, etc.).</li>
<li><a href="https://getwid.getmotopress.com/blocks/anchor-wordpress-block/" rel="nofollow ugc">Anchor Block</a> – an easy tool to add quick page jumps to a certain part of a page using an HTML anchor #.</li>
<li><a href="https://getwid.getmotopress.com/blocks/advanced-table-wordpress-block/" rel="nofollow ugc">Advanced Table Block</a> – a table Gutenberg block that allows for merging cells, customizing background, and adjusting borders.</li>
<li><a href="https://getwid.getmotopress.com/content-slider-wordpress-block/" rel="nofollow ugc">Content Slider Block</a> – display any Gutenberg Block like a slider to create an eye-catching presentation of anything you need efficiently and effortlessly in the Gutenberg block builder.</li>
</ul>
<p><a href="https://motopress.com/blog/category/getwid-gutenberg-blocks/" rel="nofollow ugc">Settings and examples</a> of each Getwid block. We are in the process of building more on-demand blocks for Gutenberg!</p>
<h3>Getwid WordPress block theme</h3>
<p>Check our free Getwid Base theme designed for full compatibility with Getwid plugin.</p>
<p><a href="https://wordpress.org/themes/getwid-base/" rel="ugc">Download Getwid Base theme</a></p>
<h3>Design boilerplate for developers</h3>
<p>WordPress Blocks by Getwid can be easily styled to match your theme with a free Getwid Style Kit we created specifically for you. It comes with useful theme support snippets and CSS classes to help you simplify and accelerate the development process of your themes built with Getwid and Gutenberg blocks.</p>
<p><a href="https://github.com/motopress/getwid-style-kit" rel="nofollow ugc">Download Getwid Style Kit</a></p>
<h3>Automated content generation with AI Assistant</h3>
<p>The Getwid AI Assistant block will instantly generate high-quality content for you right in the WordPress block editor.</p>
<p>Powered by the open-source artificial intelligence (AI) technologies, this block is made to save you time and resources on crafting compelling headings, writing blog posts, building tables and overall creating more professional content of various types.</p>
<h3>Pre-designed templates and blocks</h3>
<p>This plugin comes with a library of pre-designed layouts to help you quickly build a beautiful website with the new block editor.</p>
<ul>
<li>Website hero and sub-hero section templates.</li>
<li>About us and Contact us templates.</li>
<li>Image gallery templates.</li>
<li>Features and Services templates.</li>
<li>Team and FAQ, etc.</li>
</ul>
<p>View also <a href="https://motopress.com/products/category/gutenberg-wordpress-themes/" rel="nofollow ugc">Gutenberg WordPress themes</a> for different business niches that are built with Getwid.</p>
<h3>Custom Field Filter and Meta Query</h3>
<p>The Custom post type, Post slider, and Post carousel blocks can be extended with custom filters sourced by third-party plugins (WooCommerce, Advanced Custom Fields, Events Calendar etc.) that have their own custom fields. Getwid blocks use these fields as meta queries to allow you to organize automatic rendering of posts by a wider range of custom filters.</p>
<h3>Collection of WordPress blocks</h3>
<p>Our collection of extra WordPress blocks for Gutenberg page builder ships with a broad blocks bundle for the needs of business websites, startups, creative projects and a diversity of other niches. It enables you to create efficient landing pages, services pages, portfolios, and make your overall transition to Gutenberg less stressful!</p>
<p>It’s brought to you by MotoPress – a trusted WordPress developer with more than 10 years of experience in creating WordPress tools for content building, including our popular <a href="https://motopress.com/products/category/wordpress-booking-plugins/" rel="nofollow ugc">WordPress Booking Plugins</a>.</p>
<h3>Optimized for WordPress Full Site Editing</h3>
<p>Since version 2.0 of Getwid, the plugin integrates flawlessly with any FSE-enabled WordPress theme, letting you use a vast arsenal of blocks throughout your website. Create custom headers, footers, and even navigation just by using blocks, including those by Getwid!</p>
<p>Download <a href="https://wordpress.org/themes/prime-fse/" rel="ugc">Prime FSE</a>, your free block theme, made exclusively for the new-era WordPress site editor and powered up by Getwid blocks.</p>
<h3>Copyright</h3>
<p>Getwid, Copyright (C) 2019, MotoPress https://motopress.com/<br />
Getwid plugin is distributed under the terms of the GNU GPL.</p>
<h3>Credits</h3>
<ul>
<li>Animate.css, Copyright 2018 Daniel Eden, MIT license.</li>
<li>React FontIconPicker, Copyright (c) 2018 Swashata Ghosh, MIT license.</li>
<li>Font Awesome Free, Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License.</li>
<li>ImagesLoaded, Copyright David DeSandro, MIT License.</li>
<li>Slik.js, Copyright 2017 Ken Wheeler, MIT license.</li>
<li>Wow.js, Copyright 2016 Thomas Grainger, MIT license.</li>
<li>CountUp.js, Copyright 2019 Jamie Perkins, MIT license.</li>
<li>Waypoints.js, Copyright 2011-2012 Caleb Troughton, MIT license.</li>
</ul>


Getwid – Gutenberg Blocks

Blocks make sense - good additions to core blocks


5 stars. The Hotspot images are as "advertised". Enough said!



Seriously, you can customize the plugin to have the options and blocks needed, that is a plus. The setting options are where the magic is. The performance of the plugin can be enhanced as well in the settings.


Brilliant Hotspot Images +++


I reported a bug in their api, the issue was solved easily in some days!


nice support

40+ Gutenberg Blocks, plus multiple pre-made free block templates for the WordPress block editor.

Melonpan Block – Images vs Getwid – Gutenberg Blocks