Title: Yabe Bricksbender
Author: Rosua
Published: <strong>15 أبريل، 2024</strong>
Last modified: 7 يونيو، 2024

---

البحث عن الإضافات

هذه الإضافة **لم يتم تحديثها وتجربتها لأكثر من 3 إصدارات ووردبريس رئيسية**. قد لا
تكون خاضعة للصيانة أو تقدم الدعم والمساعدة بالوقت الحالي وقد تكون بها مشاكل في التوافق
عند إستخدامها مع إصدارات حديثة من ووردبريس.

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

# Yabe Bricksbender

 بواسطة [Rosua](https://profiles.wordpress.org/rosua/)

[تنزيل](https://downloads.wordpress.org/plugin/yabe-bricksbender.2.0.2.zip)

 * [تفاصيل](https://ar.wordpress.org/plugins/yabe-bricksbender/#description)
 * [المراجعات](https://ar.wordpress.org/plugins/yabe-bricksbender/#reviews)
 * [التطوير](https://ar.wordpress.org/plugins/yabe-bricksbender/#developers)

 [الدعم](https://wordpress.org/support/plugin/yabe-bricksbender/)

## الوصف

### 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.

## لقطات الشاشة

[[

[[

[[

[[

[[

## المراجعات

![](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/) 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/) 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/) 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/) 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/) 16 أبريل، 2024

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

 [ إقرأ جميع المراجعات 5 ](https://wordpress.org/support/plugin/yabe-bricksbender/reviews/)

## المساهمون والمطوّرون

“Yabe Bricksbender” هو برنامج مفتوح المصدر. وقد ساهم هؤلاء الأشخاص بالأسفل في هذه
الإضافة.

المساهمون

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

[ترجمة ”Yabe Bricksbender“ إلى لغتك.](https://translate.wordpress.org/projects/wp-plugins/yabe-bricksbender)

### مُهتم بالتطوير؟

[تصفّح الشفرة](https://plugins.trac.wordpress.org/browser/yabe-bricksbender/)، تحقق
من [مستودع SVN](https://plugins.svn.wordpress.org/yabe-bricksbender/)، أو الاشتراك
في [سجل التطوير](https://plugins.trac.wordpress.org/log/yabe-bricksbender/) بواسطة
[RSS](https://plugins.trac.wordpress.org/log/yabe-bricksbender/?limit=100&mode=stop_on_copy&format=rss).

## سجل التغييرات

#### 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 **قبل سنتين**
 *  Active installations **10+**
 *  WordPress version ** 6.5 أو أعلى **
 *  Tested up to **6.5.10**
 *  PHP version ** 7.4 أو أعلى **
 *  Language
 * [English (US)](https://wordpress.org/plugins/yabe-bricksbender/)
 * Tags
 * [bricks builder](https://ar.wordpress.org/plugins/tags/bricks-builder/)[tailwind css](https://ar.wordpress.org/plugins/tags/tailwind-css/)
 *  [عرض متقدم](https://ar.wordpress.org/plugins/yabe-bricksbender/advanced/)

## التقييم

 4.2 من 5 نجوم.

 *  [  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)

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

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

## المساهمون

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

## الدعم

لديك شيء لتقوله؟ بحاجة الى مساعدة؟

 [عرض منتدى الدعم](https://wordpress.org/support/plugin/yabe-bricksbender/)

## تبرع

هل ترغب في تقديم دعم متقدم لهذه الإضافة؟

 [ تبرع لهذه الإضافة ](https://ko-fi.com/Q5Q75XSF7)