Accordion Blocks: a comparison

Last Updated on

Within the block sets I have reviewed there are several “Accordion” blocks, I will be comparing a few of them here today:

Accordion block by Atomic Blocks


This is by far the simplest one, but also the easiest one to use. Its settings could not be simpler: Title Size and wether the accordion is opened or not by default.

This is what the block looks like in action:

The Title

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.

Another Title

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.

A third title

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.


This first block is very simple but has the bit advantage to be the only one which works well in AMP:


Accordion block by Advanced Gutenberg.


This block has a few mor settings that the first one, most of them to change the colors & design of the tabs:

This is what the block looks like in action:

The title

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.

Another Title

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.

A third title

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.


Accordion block by Kadence Blocks

Out of the 3 plugins this is the most complex one and the one for most room for customization. It also works slightly different in the sense that users 2 containers (accordion and panels ) instead of just one (panels).

In this case the offers has different blocks settings for the accordion container, with LOTS of options. This is the only block of the three in which you can control de design globally and coordinate the tabs so that when one opens the other ones will close.

And then for each of the panels. This panel-specific setting give your the choice to choose from a large number of icons.

This is what the block looks like in action:

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.

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.

Accordion block by Ghost Kit

Ghost Kit’s accordion block has no settings bu it allows to add any block inside its accordion blocks.

First Item

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.

Second Item

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.

Accordion block by Stackable

Stackable’s accordion blocks work separately with very basic settings. Unlike in the case of Ghost Kit, Stackable’s accordion block only allows text inside its accordion blocks.

This is the block in action:

Published by Alvaro Gómez Velasco

Alvaro is widely known for his skills at copy-pasting code, activity at which he has excelled since 1997. After ten years freelancing as a WordPress consultant and teacher Alvaro currently works as a Happiness Engineer at Automattic. It is said that in another life he was a professional photographer. Bilbaíno and father of Julia & Clara.

Join the Conversation

1 Comment

Leave a comment

Leave a Reply

%d bloggers like this: