Adding a little motion to your content can work miracles by literally making it “pop-out”. As with other functionalities there are several plugins that will allow you to add CSS animations using shortcodes, but they can be a little clunky to use. Seeing this feature translated into Gutenberg blocks is really interesting.
I have found several plugins that help animate blocks, and noticed they use two main approaches: The Container and the Extra Settings Panel.
This simple plugin will allow you to preview the content of your shortcode in the backend
What does it look like in the backend?
What happens if you remove the plugin?
The block will disappear from the frontend and you will get this message in the backend. It would be nice if it could fallback to the default “Shortcode” block.
A well thought out plugin that offers several layout options, including Masonry. It is practical and very well thought out, you can tell it was a photographer who built it. It is also important to note that this plugin works both as a Gutenberg block and with the classic “shortcode” gallery.