Looking for a specific element inside your structure? One click! Wanna add any new element to the structure? One click! You want to assign (or create) global classes/variables to your element? that’s also one click. Say goodbye to the countless hours spent at searching after your stuff!
Release 2.9
Version 2.9 is probably one of the biggest update we ever made! Although it has undergone extensive testing and received minimal bugs in Beta/RC testings, it’s strongly advised to update AT in a staging environment first. This allows you to ensure everything functions as expected before deploying it to production. Remember to backup your site before upgrading to prevent any potential data loss in case of unforeseen issues.
Advanced CSS 2.0
The Advanced CSS feature has been completely revamped, bringing a host of exciting new tools! Now you can edit your child theme directly within the builder, create custom stylesheets, and enjoy advanced enqueuing options. It also introduces a new selector picker, AI-powered stylesheet creation and editing, full SASS integration (with support for partials and mixins), and a live error checker. You can even view the compiled CSS file in real-time. And best of all—there’s full WPCodebox integration!
Codepen Converter
Imagine writing (or copy-pasting) HTML, CSS, or JavaScript into an editor, clicking a convert button, and—boom!—all that static, hard-to-read code is transformed into dynamic Bricks elements. That’s exactly what this feature delivers! Simply drop your custom code into the editor, and watch as it seamlessly converts into native Bricks elements that can be easily edited and exported. Smiles guaranteed!
But don’t get fooled by the name! It’s not just for codepen’s – you can convert any HTML code. The editor supports Emmet, tag auto-close & dropdown suggestions: converting HTML codes to Bricks has never been so fun!
AI Generated Structure
Welcome to the future, folks! Imagine being able to generate an entire page using native Bricks elements — complete with accurate attributes, BEMified global classes, using your Global CSS variables and color, and even set the elements labels for you— from just a single AI prompt. It’s not a vision for tomorrow — it’s happening today!
Generated Code & HTML Parser
Playing with the Bricks’ native controls and seeing real-time changes in the browser is incredibly satisfying. But sometimes, you need to dig deeper into the code generated on the frontend. With this new feature, you get a new tab where the generated CSS and HTML are fully exposed. You can even tweak the HTML code directly, and the HTML parser will automatically update the Bricks controls with your changes.
Quick Search
Looking for a specific element inside your structure? One click! Wanna add any new element to the structure? One click! You want to assign (or create) global classes/variables to your element? that’s also one click. Say goodbye to the countless hours spent at searching after your stuff!
Tons of improvements and bug fixs
This version includes dozens of new additions, improvements, and minor tweaks. It also fixes some annoying bugs introduced in the earlier versions.
Check it out!
Sync Element’s label with the first Global Class name
Need a quick way to generate labels for your elements? How about automatically creating labels based on the class attached to the element? That’s the core idea behind this tweak! As soon as you add a class to an element, the script instantly “labelizes” the class name and attaches it to the element. No more worrying about labels—it’s all done for you!
Codepen Converter
Imagine writing (or copy-pasting) HTML, CSS, or JavaScript into an editor, clicking a convert button, and—boom!—all that static, hard-to-read code is transformed into dynamic Bricks elements. That’s exactly what this feature delivers! Simply drop your custom code into the editor, and watch as it seamlessly converts into native Bricks elements that can be easily edited and exported. Smiles guaranteed!
WPCodeBox integration
WPCodeBox is a powerful style and script organizer, highly popular in the Bricks community. However, one crucial feature was missing for full Bricks compatibility: the ability to edit CSS, SASS, and partials directly within the builder and see live changes without refreshing the page. With this new integration, you get a seamless, fully integrated workflow — all without ever leaving the builder!
Code Element Tweaks
Give your Code Element a powerful upgrade! With Code Element Tweaks enabled, you’ll unlock a range of new features designed to simplify writing and managing custom code within Bricks. These enhancements offer a more intuitive and efficient experience, allowing you to handle your custom HTML, CSS, and JavaScript with ease, reduce friction, and save you time!
AI generated Structure
Welcome to the future, folks! Imagine being able to generate an entire page using native Bricks elements— complete with accurate attributes, BEMified global classes, and labels — from just a single AI prompt. It’s not a vision for tomorrow — it’s happening today! Harness the power of AI and the flexibility of Bricks to create professional-grade HTML structures in seconds.
Generated Code & Element HTML parser
Playing with the Bricks’ native controls and seeing real-time changes in the browser is incredibly satisfying. But sometimes, you need to dig deeper into the code generated on the frontend. With this feature enabled, you’ll get a new tab where the generated CSS and HTML are fully exposed. You can even tweak the HTML code directly, and the HTML parser will automatically update the Bricks controls with your changes. It’s like magic, isn’t it?