Categories
Comparisons Containers Extensions Single Blocks

Animating Gutenberg Blocks: Two Approaches

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.

Categories
Containers Single Blocks

Simple Shortcode Block

This simple plugin will allow you to preview the content of your shortcode in the backend

What does it look like in the backend?

This is what it looks 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.

Categories
Collections Containers

Kadence Blocks – Gutenberg Page Builder Toolkit