Ghost Kit – Gutenberg Blocks and Templates Collection

Powerful Gutenberg Blocks and Templates – Ghost Kit

This is one of may favourite block collections because it offers block management and extra display/spacing/animation settings.

Update: I have done a new review of this plugin, focusing on not just the blocks but on all the additional settings and extensions in functionality, please check it here.

Block management

Besides from the new blocks it offers, as any other regular block collection, Ghost Kit has a built-in block management system to allow you to select plugins are available in the editor. If we want to combine several (like I am already doing on this site) it will become a necessity to filter which plugins we want to see in the editor, to avoid clutter and confusion.

This is specially true if we are building sites for clients or non tech-savvy users. Please notice how this tool allows you to toggle visibility for ALL blocks, not just those added by Ghost Kit.

Extending Gutenberg: Display, spacing & animation

Ghost Kit adds three more panels to the block settings, on the sidebar, to manage display, spacing, and animations.

As it turns out the spacing options are limited to Core and Ghost Kit blocks, which may fall a bit short, and even then the preview options are limited.

Animations

Here are a few examples or animated blocks:

The Block Collection

I have only reviewed the most original or relevant blocks here, the complete list is pretty long. They only important block I am missing here is a dedicated Post list, grid or slider block.

Instagram Feed

The Instagram embed has quite a few options. If you want something simpler, and provided by a single block, you can try Kona – Instagram Feed for Twitter instead :

Twitter Feed

The twitter block offer the next few settings. I like how the API data is built right into the panel.

Here is the block in action:

Github Gist Block

Below you can see the Github Gist Block. Pasting the link to a GH Gist will automatically embed it here. I should mention that WordPress.com has offered this functionality for many years now.

Grid Block

Ghost Kit has is own Grid Block, which offers a few extra options such as controlling the size of the gap, backgrounds and vertical & horizontal alignment.

You can see the block in action below

---

Widgetized Area

Again, a great way to recycle existing widgets. This option will probably end up being phased out as widgets are completely replaced by blocks, but for now is a great feature to have.

This is what the block looks like in the editor, it lets you choose an existing widget area:

I added my footer widgets here, notice how they collapse into a single colum:

Price Table

Accordion

The accordion is very simple it its design and usage but allows any type of block in the expanded area, which is nice, not all accordion blocks can do this. On the downside, there are no options to decide which elements should be open when the site loads and they are not connected either, so there’s no way to have one of them collapse autoamtically when you open a different one. If you need more advanced features here is a detailed review of different accordion blocks.

Tabs

Again, I like this block’s simplicity and the fact that it allows any type of block inside each tab.

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Icon Box