One Year After Beta, Elmastudio’s Aino Blocks Plugin Lands in the Plugin Directory

One year ago today, Elmastudio launched a beta version of its Aino WordPress theme and Aino Blocks plugin. While the team pushed the theme live in the theme directory earlier this year, it wasn’t until a couple of weeks ago that they officially released their blocks plugin.

Elmastudio’s beta launch was one of the first pieces of news I noted when I began writing for the Tavern — I was already lining up stories a couple of weeks before I officially started. But, the story fell down the list over time. After seeing Aino Blocks land in the plugin directory two weeks ago, I thought it would be interesting to check out what the plugin looked like today.

Aside from a few minor styling issues, the Aino theme is a solid offering for users who are looking for a block-ready theme that provides an open canvas. I am generally a fan of Elmastudio’s work with themes. However, most of the blocks from the Aino Blocks plugin are not particularly impressive. At best, they are par for the course for these types of block library plugins. I tend to install them to see if I can find a gem of an idea or two, some missing element that would solve one of the various problems I have. No such luck this time.

The Plugin’s Blocks

The one block that caught my eye the most was the Grid block. I am still hopeful that core WordPress adopts some sort of grid layout block or system. Therefore, I test every such block I come across.

The Grid block in the Aino Blocks plugin works well enough for people who have a background in CSS code. The terminology for the block options may be hard to understand for average users. On the whole, it does not feel intuitive enough for me to recommend it over better options.

Using the Grid block from the Aino Blocks plugin.
Using the Grid block.

Layout Grid by Automattic still holds the title for best grid block plugin thus far. Yes, its options can be confusing too, but it does provide dragging capabilities that will autofill those settings for less tech-savvy users. GenerateBlocks also has a powerful Grid block that is far easier to use.

The most complex block and the one that seemingly pushes some boundaries is the Hero block. It is essentially a block that combines content, buttons, and media in a specific layout. The problem is that there may not be a need for the block in every case. It is far better suited as a block pattern, and because the plugin already introduces a custom pattern, there is little reason not to move along the same route with the Hero block.

Within a couple of minutes, I was able to recreate the default Hero block output with core WordPress blocks. The only exception to this was the use of the Badge block included with the Aino Blocks plugin.

To recreate the Hero block, an end-user merely needs to add a Media & Text block. In the content/text panel for the block, they can add the Badge, Heading, Paragraph, and Buttons blocks. After adding an image in the media section, they would have recreated the Hero block. Because of the multiple inner blocks involved in this, it can be a bit complicated for some users. That’s where patterns come into play. By using a pattern, the plugin would have:

  • Used less JavaScript.
  • Used less CSS.
  • Mostly used core blocks.

Users may be stuck with an unnecessary block in this case. And, if this is their first foray into the world of blocks, they are unlikely to learn that there was a better way.

The one thing the Hero block brings to the table is its custom grid settings. It provides end-users with control over the placement of content and media columns. That is the only thing it has going for it as an individual block, but such a feature might be better as custom block options, such as those provided through EditorPlus.

Aino Blocks does include a single block pattern. It is called Hero Aino. It is a customized version of the Hero block in pattern form and showcases what users can accomplish with a few adjustments of the block options.

Aino Hero block pattern from the Aino Blocks WordPress plugin.
Aino Hero block pattern.

This pattern is the one area where the plugin shines. It will be interesting to see if the developers continue with more patterns in the future.

The plugin also adds Badge, Card, Author, Testimonial, Buttons, and Arrow Button blocks. The Badge block allows users to add a small bit of text with an inline background. The Arrow Button is essentially a link with an arrow icon next to it. Everything else feels like it has been done before by a plethora of other block collection plugins.

Final Verdict

I question whether most of these types of block library plugins are necessary at this point. Few of them feel like they are pushing any limits, raising the bar beyond what has already been done. My fear is that we will continue to see more and more of these collections packaged from every plugin and theme shop to the point where everyone is simply building the same blocks in-house.

This is why the block directory needs to be integrated into core. Instead of downloading an entire collection of blocks for something like a plain ol’ testimonial block, end-users can simply download a single testimonial block.

Perhaps I am being a bit harsh on Aino Blocks. Maybe it appeared in the plugin directory too late. Bigger plugins have already carved the path that Aino is trekking. I want to see more than yet another block collection by yet another theme/plugin company. I want to be dazzled.

For the most part, the plugin works well. I did not see anything technically wrong with it. I just do not see it appealing to many people outside of Elmastudio’s current theme users, not when there are more mature plugins of its type out there. There is still room to grow. The company’s best bet is to focus on building patterns. Its first pattern shows some promise. I am holding out hope for more interesting work to come.

Kioken Blocks: The New Street Fighter-Inspired Block Collection that Is Taking Aim at Page Builders

With the proliferation of block collection plugins over the past year, Kioken Blocks is a relatively unknown newcomer that you may have missed. Compared to competitors with thousands of users like CoBlocks (30K+), Atomic Blocks (20K+), Stackable (10K+), and Ultimate Addons for Gutenberg (100K+), Kioken is a small fish in a big pond of page builder utilities.

You might have seen Kioken Blocks in action recently without knowing it, if you checked out Matias Ventura’s demo introducing the concept of “block areas.” The plugin was first released two months ago but is already starting to differentiate itself with some innovative design features, block templates, and layouts. Its name was inspired by the Street Fighter arcade game and major releases are named for different character moves.

Kioken’s most recent release includes a new Vertical Text setting that allows users to rotate paragraphs and headings for a special effect in more complex layouts.

Inside the block editor, users can flip the vertical text rotation, adjust the alignment, add margins, dropcaps, and apply other standard text settings to the selection.

Kioken currently includes 17 blocks, all created with an emphasis on providing an aesthetic base design that will seamlessly fit into a user’s theme, with further customization options for each block. The blocks are not cookie cutter repeats of other collections but rather offer their own distinct styles and features.

For example, the Kinetic Posts block allows users to list blog posts, including custom post types, inside a grid, columns/list, or slider with multiple different layout options. Users can run custom queries, such as ordering randomly, or by name, popularity, date, and by post type with custom taxonomy queries.

Kioken Blocks creator Onur Oztaskiran said he focuses on adding features and blocks that are not commonly available already. This includes some under the hoods usability features, such as custom block appenders, lighter block highlighter on block selection on dark backgrounds, and block settings change indicators in the sidebar.

“I try to add blocks that people don’t have access to yet,” Oztaskiran said. “So I don’t spend my time on creating accordions or team blocks but rather add things that enrich your content building process in the same fashion premium page building tools do (Kinetic Wrapper block, Animator and Vertical Text extensions are some of these).”

Kioken Blocks Aims to Provide a Faster, Simpler Alternative to Complex Page Builder Plugins

Oztaskiran has a design background, having previously worked as the design lead at Udemy, Noon.com, and Qordoba, but he taught himself how to build blocks in order to push the limits of WordPress’ page building capabilities.

“Kioken Blocks started out as a personal hobby to learn Gutenberg development and test out if I can do something with GB that would replace mine and everyone else’s page building workflow with WordPress, using only Gutenberg by extending it.

“I am a designer and not so great developer. I’ve mostly built Kioken Blocks following Gutenberg resources on the web and GitHub, most of the time by learning from the Gutenberg GitHub repo.”

Oztaskiran’s personal site, monofactor.com, was built with nothing but Gutenberg and Kioken Blocks, including the fancy animations reminiscent of Themeforest products, along with the layout. The site is a good example of how the block editor and a few custom blocks can enable users to create beautiful, complex layouts without having to use a heavy, over-engineered page builder plugin.

“I took a leap of faith in Gutenberg when it was first released and started developing for it since I’m also a user and hate many things about page builder plugins,” Oztaskiran said. “I love to hate Gutenberg as well, but right now I can’t stop using it.”

Oztaskiran used page builder plugins in the past and even created extensions for some of them, but ultimately his frustrations inspired him to go all in on Gutenberg block development.

“With page builders, what took me away from them most was the MBs of resources they add to my sites, and the complexity of content editing in the editor, the long learning curve for some of them, and most importantly you need to be a ‘pro’ to create complex layouts and engaging, rich content,” Oztaskiran said.

As a result of these frustrations, he decided to focus on speed and usability in Kioken Blocks. Oztaskiran said he is satisfied to have developed a product that allows users to create animated, complex layouts in minutes, much faster than he was able to do in other platforms. Kioken’s predefined block presets allow users to insert elements like background hero sections, product intros, sliding testimonials, and other page elements, making it easy to quickly design a site. These types of elements further blur the line between predefined block templates and themes.

“What amazes me with Gutenberg is you only need a lightweight unbloated GB compatible theme and nothing else,” Oztaskira said. “You can create amazing things.”

He is currently maintaining the plugin by himself without a team but the project is very time consuming. He sells commercial block templates through the plugin’s upgrade page and the user base is growing, so is considering making some partnerships in the future. Kioken Blocks only has approximately 100+ active installs at the moment, but Oztaskiran reports that his conversion rate is about 6-7% on selling Pro licenses, which include priority support and commercial block templates and layouts.

Despite identifying himself as just “a designer and a crappy developer,” Oztaskiran’s investment in learning Gutenberg block development is starting to pay off.

“You don’t need to be a pro dev to understand the logic, and with having an average JS knowledge you can get on board to GB development in a short time,” he said.”

“I indeed had ups and downs with Gutenberg, and Kioken Blocks aims to cover for those ‘downs.’ I’ve been trying to build a tool for the editor so that some day you will only need Gutenberg and no other page building tools to create engaging and beautiful content.”

CoBlocks 1.9.5 Merges Block Gallery Plugin into Collection, Adds New Form Block

CoBlocks, a collection of page builder blocks that was recently acquired by GoDaddy, has added four new blocks in version 1.9.5. This is the first major release since the plugin was acquired from Rich Tabor and his co-creators. Tabor now heads up a WordPress Experience team at GoDaddy where CoBlocks’ development continues.

This release merges the three gallery blocks (Masonry, Stacked, and Carousel) from the Block Gallery plugin into CoBlocks. There is a migration path for users to convert their existing Block Gallery blocks to CoBlocks’ gallery blocks. Block Gallery is still available on WordPress.org as a separate plugin with 5,000 active installs, which is actually more installs than CoBlocks (4,000). Tabor said his team is still discussing whether or not it will remove the plugin in the future.

“CoBlocks is already a suite of blocks that level-up the block editor, bringing in those gallery blocks into the core plugin removes a barrier for folks who already have CoBlocks installed,” Tabor said. “Instead of folks having to install, activate, and maintain two plugins – only one is needed. On top of that, it’s far easier to maintain them collectively under one roof, as many of the components are shared between the two plugins.”

In addition to merging the gallery blocks, CoBlocks 1.9.5 introduces a new Form block that allows users to customize a simple form directly within the editor. The block includes name, email, and message form fields but does not offer the ability to create new fields or change them to different types of fields. Users can set any of the fields as required using a toggle inside the block preview. For anything beyond these capabilities, a dedicated forms plugin would be required.

CoBlocks 1.9.5 also adds official support for Gutenberg 5.7 and includes more than a dozen tweaks and fixes.

Tabor said his team is identifying further solutions that can be leveraged to make page building in WordPress more simple. CoBlocks is rapidly becoming a another one-stop shop for the mostly commonly used page building blocks.

“We’re looking at how to make adding maps easier (a better Map block) and developing a system that enables restaurants to build out menus,” Tabor said.

Several other block collections already offer a map block and/or a similar suite of page building functionality, such as Ghost Kit, Atomic Blocks, Stackable, and Editor Blocks. Collections seem to be the best way to offer multiple small UI elements, especially if they are all designed to be complimentary in style. Plugin authors differentiate their collections from the others with additional block options, support, complimentary themes, and immediate compatibility with the Gutenberg plugin.

At the moment, there is little incentive for developers to maintain functionality as separate plugins, but WordPress’ planned single block directory may change the way blocks are packaged for optimal discovery. For now, it’s a race to see which block collection can offer the most useful suite with the most intuitive UI.