Title: Yabe Bricksbender
Author: Rosua
Published: <strong>April 15, 2024</strong>
Last modified: June 7, 2024

---

Search plugins

This plugin **hasn’t been tested with the latest 3 major releases of WordPress**.
It may no longer be maintained or supported and may have compatibility issues when
used with more recent versions of WordPress.

![](https://ps.w.org/yabe-bricksbender/assets/icon.svg?rev=3071147)

# Yabe Bricksbender

 By [Rosua](https://profiles.wordpress.org/rosua/)

[Download](https://downloads.wordpress.org/plugin/yabe-bricksbender.2.0.2.zip)

 * [Details](https://pcd.wordpress.org/plugins/yabe-bricksbender/#description)
 * [Reviews](https://pcd.wordpress.org/plugins/yabe-bricksbender/#reviews)
 * [Development](https://pcd.wordpress.org/plugins/yabe-bricksbender/#developers)

 [Support](https://wordpress.org/support/plugin/yabe-bricksbender/)

## Description

### Yabe Bricksbender: The Bricks builder extension.

Yabe Bricksbender is a plugin that enhances the Bricks editor with functionalities
that are not available in the core plugin to make your workflow more efficient.

### Modules

Yabe Bricksbender is packed full of modules designed to streamline your workflow.

 * **Elements Manager**: Switch on/off the elements you want to use in the Bricks
   editor.
 * **HTML to Bricks** [Temp not available]: Convert HTML to Bricks elements.
 * **Plain Classes** [Temp not available]: Add the ability to write plain CSS classes
   to Bricks elements without adding the class to the Global Class database
 * **OpenAI Assistant** [Soon]: AI integration that do many tasks in the Bricks 
   editor.

### Elements

 * **Alpine.js Runtime**: Add Alpine.js runtime to your Bricks editor.
 * **Alpine.js Container**: The element that supports Alpine.js directives.
 * **Lottie**: Add Lottie animation to your Bricks editor.
 * **Rive** [Soon]: Add Rive animation to your Bricks editor.
 * **GSAP Runtime** [Soon]: Add GSAP runtime to your Bricks editor.

Visit [our website](https://bricksbender.yabe.land) for more information.

#### Love Yabe Bricksbender?

 * Join our [Facebook Group](https://www.facebook.com/groups/1142662969627943)
 * Or rate us on [WordPress](https://wordpress.org/support/plugin/yabe-bricksbender/reviews/?filter=5/#new-post)
   🙂

#### Credits

 * Image by [Freepik](https://www.flaticon.com/free-icon/brick-wall_3769316) on 
   Flaticon

#### Contributors & Developers

Interested in development?
 Visit the [GitHub repository](https://github.com/orgrosua/yabe-bricksbender)
to get involved.

## Screenshots

 * [[
 * [[
 * [[
 * [[
 * [[

## Reviews

![](https://secure.gravatar.com/avatar/e8f64f58591b223d836c45891236e8fdde138185e8d74bc486b6fdd842fe962d?
s=60&d=retro&r=g)

### 󠀁[Схоже що плагін заброшений](https://wordpress.org/support/topic/%d1%81%d1%85%d0%be%d0%b6%d0%b5-%d1%89%d0%be-%d0%bf%d0%bb%d0%b0%d0%b3%d1%96%d0%bd-%d0%b7%d0%b0%d0%b1%d1%80%d0%be%d1%88%d0%b5%d0%bd%d0%b8%d0%b9/)󠁿

 [yessoftmk](https://profiles.wordpress.org/yessoftmk/) November 16, 2024

It seems that the plugin has been abandoned…. Week passed and any answer from author(

![](https://secure.gravatar.com/avatar/866895023d028bf320827efb011f716a27546e340e19b112532d0a776483b4c6?
s=60&d=retro&r=g)

### 󠀁[Best Free Addon for Converting HTML to Bricks Builder](https://wordpress.org/support/topic/best-free-addon-for-converting-html-to-bricks-builder/)󠁿

 [Ivan Nugraha](https://profiles.wordpress.org/mangwp/) May 16, 2024

This plugin is very usefull for building bricks builder website from any HTML template.
Great jobs for Rosua.

![](https://secure.gravatar.com/avatar/a76a5a0b13a03b52d935348979f15d135c54632917bb503b0eaf0dad5aaccb35?
s=60&d=retro&r=g)

### 󠀁[Huge time saver, why is it free?](https://wordpress.org/support/topic/huge-time-saver-why-is-it-free/)󠁿

 [Anthony Keller](https://profiles.wordpress.org/antk3/) April 22, 2024

So far I am amazed to be able to get a plain classes UI inside bricks that lets 
me add / read classes on the fly with autocomplete and a sorter / previewer.If that
wasn’t enough, you can do the most useful thing ever: paste HTML right in and it
gets converted to Bricks elements.

![](https://secure.gravatar.com/avatar/63ec3a07597c7ef97a4d772caae2586fc5a5362fd512d8b381c9d99dd8ca2882?
s=60&d=retro&r=g)

### 󠀁[An essential plugin to work with Bricks and tailwind CSS](https://wordpress.org/support/topic/an-essential-plugin-to-work-with-bricks-and-tailwind-css/)󠁿

 [sabiertas](https://profiles.wordpress.org/sabiertas/) April 16, 2024

A plugin that makes our lives easier in our daily work with Bricks Builder and Tailwind
CSS, the flat classes work like a charm and copying HTML directly gives us a lot
of play when it comes to copying tailwind components directly

![](https://secure.gravatar.com/avatar/cb22dea6a74c99886aa421055829fc3bf24275479affbb100e4b4ffca1077244?
s=60&d=retro&r=g)

### 󠀁[Great addons](https://wordpress.org/support/topic/great-addons-25/)󠁿

 [tanaht](https://profiles.wordpress.org/tanaht/) April 16, 2024

(1) Yabe Siul – Tailwind CSS Intergration with (2) Yabe-Brickbender are must have
items for Bricks Builder.

 [ Read all 5 reviews ](https://wordpress.org/support/plugin/yabe-bricksbender/reviews/)

## Contributors & Developers

“Yabe Bricksbender” is open source software. The following people have contributed
to this plugin.

Contributors

 *   [ Rosua ](https://profiles.wordpress.org/rosua/)
 *   [ Sua ](https://profiles.wordpress.org/suabahasa/)

[Translate “Yabe Bricksbender” into your language.](https://translate.wordpress.org/projects/wp-plugins/yabe-bricksbender)

### Interested in development?

[Browse the code](https://plugins.trac.wordpress.org/browser/yabe-bricksbender/),
check out the [SVN repository](https://plugins.svn.wordpress.org/yabe-bricksbender/),
or subscribe to the [development log](https://plugins.trac.wordpress.org/log/yabe-bricksbender/)
by [RSS](https://plugins.trac.wordpress.org/log/yabe-bricksbender/?limit=100&mode=stop_on_copy&format=rss).

## Changelog

#### 2.0.2

 * **New**: [modules] Element Manager: Switch on/off the elements you want to use
   in the Bricks editor.

#### 2.0.0

 * **New**: [elements] Alpine.js Runtime and Alpine.js Container.
 * **New**: [elements] Lottie.
 * **Change**: [modules] Plain Classes and HTML to Bricks are removed from the plugin.
   They are now available on the [Yabe Siul](https://siul.yabe.land) plugin.

#### 1.0.13

 * **Change**: [plain-classes] Revert the “Hover the Class Name to preview the generated
   CSS code” feature that introduced in v1.0.8. It’s not working as expected and
   causing performance issues. We will revisit this feature in the future release
 * **Change**: [plain-classes] Revert the “Colorized background of the class based
   on the breakpoint/screen size” feature that introduced in v1.0.8. It’s not working
   as expected and causing performance issues. We will revisit this feature in the
   future release

#### 1.0.12

 * **New**: [html2bricks] Added the Paste button on the Structure panel header allowing
   to paste without needing selecting the element first.
 * **Fix**: [plain-classes] Freezed when moving the cursor to any line of the plain
   classes.

#### 1.0.11

 * **Improve**: Reduce the size of plugin file.

#### 1.0.10

 * **Fix**: [plain-classes] revert the Open the class suggestion on text selection[
   v1.0.6].
 * **Improve**: [plain-classes] Hover the Class Name performance.

#### 1.0.9

 * **New**: Yabe Bricksbender is now available on [WordPress.org](https://wordpress.org/plugins/yabe-bricksbender/)

#### 1.0.8

 * **Improve**: [plain-classes] Hover the Class Name to preview the generated CSS
   code.

#### 1.0.6

 * **Improve**: [plain-classes] Open the class suggestion on text selection.
 * **Improve**: [plain-classes] Add border to the text input for better visibility.
 * **Improve**: [plain-classes] Colorized background of the class based on the breakpoint/
   screen size.
 * **Improve**: [plain-classes] Automatic Class Sorting with Prettier. Based on 
   the official [Prettier plugin for Tailwind CSS](https://tailwindcss.com/blog/automatic-class-sorting-with-prettier).

#### 1.0.5

 * **Fix**: Comply to the WP.org plugin submission review.

#### 1.0.4

 * **Fix**: [html2bricks] Alpine.js compatibility issue.

#### 1.0.3

 * **Fix**: [html2bricks] Preserve the original tag name.

#### 1.0.2

 * **Fix**: Modules not loading in the Bricks editor.

#### 1.0.1

 * **New**: Introduced a new module, HTML to Bricks.
 * **New**: Introduced a new module, Plain Classes.

#### 1.0.0

 * 🐣 Initial release.

## Meta

 *  Version **2.0.1**
 *  Last updated **2 years ago**
 *  Active installations **10+**
 *  WordPress version ** 6.5 or higher **
 *  Tested up to **6.5.8**
 *  PHP version ** 7.4 or higher **
 *  Language
 * [English (US)](https://wordpress.org/plugins/yabe-bricksbender/)
 * Tags
 * [bricks builder](https://pcd.wordpress.org/plugins/tags/bricks-builder/)[tailwind css](https://pcd.wordpress.org/plugins/tags/tailwind-css/)
 *  [Advanced View](https://pcd.wordpress.org/plugins/yabe-bricksbender/advanced/)

## Ratings

 4.2 out of 5 stars.

 *  [  4 5-star reviews     ](https://wordpress.org/support/plugin/yabe-bricksbender/reviews/?filter=5)
 *  [  0 4-star reviews     ](https://wordpress.org/support/plugin/yabe-bricksbender/reviews/?filter=4)
 *  [  0 3-star reviews     ](https://wordpress.org/support/plugin/yabe-bricksbender/reviews/?filter=3)
 *  [  0 2-star reviews     ](https://wordpress.org/support/plugin/yabe-bricksbender/reviews/?filter=2)
 *  [  1 1-star review     ](https://wordpress.org/support/plugin/yabe-bricksbender/reviews/?filter=1)

[Add my review](https://wordpress.org/support/plugin/yabe-bricksbender/reviews/#new-post)

[See all reviews](https://wordpress.org/support/plugin/yabe-bricksbender/reviews/)

## Contributors

 *   [ Rosua ](https://profiles.wordpress.org/rosua/)
 *   [ Sua ](https://profiles.wordpress.org/suabahasa/)

## Support

Got something to say? Need help?

 [View support forum](https://wordpress.org/support/plugin/yabe-bricksbender/)

## Donate

Would you like to support the advancement of this plugin?

 [ Donate to this plugin ](https://ko-fi.com/Q5Q75XSF7)