Melonpan Block – Images


Add a gallery of images in a simple but clean layout. The block comes with the following settings:

  • Layout Vertical, Horizontal, Slider
  • Images separation
  • Cover size with aspect ratio
  • Responsive property
  • Fixed dimension for Horizontal and Slider layouts
  • Slider dot color

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.

GitHub repository


The block can be found inside the blocks inserter menu under the Melonpan Blocks category.
Once added in the post you can edit its settings on the Editor sidebar under the Block settings panel.


Screenshot images belong to Charles Postiaux.


  • Block edit panel.


Installation from the WordPress admin.

  1. Log in to the WordPress admin and navigate to Plugins > Add New.
  2. Type Melonpan Block – Images in the Search field.
  3. In the results list Melonpan Block – Images plugin should appear, click Install Now button.
  4. Once it finished installing, click the Activate button.
  5. That’s it, now you can go to any post where Gutenberg is enabled and start using the block.

Contributors & Developers

“Melonpan Block – Images” is open source software. The following people have contributed to this plugin.




  • Cleaned TypeScript types.


  • Initial release.