Giter VIP home page Giter VIP logo

yabe-bricksbender's Introduction

=== Yabe Bricksbender ===
Contributors: suabahasa, rosua
Donate link: https://ko-fi.com/Q5Q75XSF7
Tags: bricks builder, tailwind css
Requires at least: 6.5
Tested up to: 6.5
Stable tag: 2.0.2
Requires PHP: 7.4
License: GPLv3
License URI: https://www.gnu.org/licenses/gpl-3.0.html

The Bricks builder extension

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


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

yabe-bricksbender's People

Contributors

suabahasa avatar

Stargazers

Jordan Parker avatar Chris Nun avatar  avatar <Artisan> avatar  avatar

Watchers

Sakara avatar <Artisan> avatar

Forkers

phederal

yabe-bricksbender's Issues

Hide "Buy Bricksbender a Coffee" icon

Is it possible to remove the "Buy Bricksbender a Coffee" icon for Yabe Siul license holders or make an option to hide it? I'd rather clients not see that since they've already paid me to create a site for them.

Color Code Class Badges in Bricks Builder

For the color tags. I was just thinking ability to have some color differentiation between all the class badges so they arent all gray. For instance classes for padding and margin could be blue, classes for text, font, etc could be green, classes for layout orange, etc...I think it would be helpful for quick visual recognition if we needed to find a class to change, or remove. Especially when we have an element with several classes applied...

Multiselect Elements

Let us multiselect Elements in the structure panel and on the canvas -> then we can applie different classes at once to all of them (not only tailwind, all global classes), and once we applied a TW class or a BEM class we can style on one element and all styles reflect.

Copy as HTML

Right now you can paste in HTML, but I think that being able to copy out as HTML would be equally as valuable, so that large sets of changes can easily be performed in a more suited enviorment.

bigger classes field to improve ux

is it possible to make the classes field bigger by default? i have issues working with classes, especially when the first row is full, it's not always automatically extending to new rows from there which results in clicking into other classes by mistake and sometimes changing things you don't want to change.
to have a 3-4 lines field by default would solve this (for me)

434135023_10231889558803109_1685641099808889884_n

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.