Building the Future of Visual Development

Create, attach, style, rename and delete any selector without leaving the element you're working on. One input handles classes, tags, attributes, pseudo states and complex selectors, with live validation by the browser's own CSS engine. Something like `.card:hover` is now one typed line.

A cleaner CSS editor that you resize yourself. Switch to All CSS with one click and keep your element selected. Insert pseudo states and breakpoint rules from a list, and get the right selector token suggested as you type.

Drag the dividers to make either sidebar wider or narrower, and drag the canvas edges to test any width. Panels no longer expand by themselves, so the workspace stays the size you set.

The variables panel now opens next to your work and no longer replaces it. The left sidebar and top controls stay in place, and variable rows adapt to the panel width, from two lines to one.

One place to manage the JavaScript and stylesheets your site loads. Add them per template or globally, set their attributes, switch them on or off, and rename, delete or move them between scopes.

A font manager for setting up the custom typefaces your site uses. Add Google Fonts or your own local fonts, then configure each one: family, weights, styles and how it loads.

Paste HTML and get Builderius elements, selectors, styles and assets. Imports are safe by default: inline scripts are blocked unless you allow them, and text stays text. Media queries are matched to your site's breakpoints, Google Fonts land in the Fonts Manager, and images are copied into your Media Library if you choose. A summary lists every change the import made.

Paste Builderius JSON copied or exported from another template or site, and import it straight into the builder. Clear messages tell you when the JSON isn't valid or a module isn't available on the site.

The Navigator works as a proper tree for keyboard and screen reader users. One Tab stop, arrow keys to move through elements, and every icon button has a name.

A starter small enough for you and your agent to read in full. Typography, spacing, forms and buttons work before you write a line of CSS, and the whole stylesheet is about 16 KB with around twenty classes. Set one primary color, then build your own components on top: any class you write overrides the defaults, with nothing to undo first.

A new context menu option wraps your strings in translate functions for Polylang and WPML, so each string shows its translation in the right language. Build multilingual templates and components without using any conditions.

Preview your site as a logged-out visitor, a logged-in user or a specific user. Check dynamic content and conditional rendering inside the builder and on the front end, without making a release or publishing. Available from the admin bar and inside the builder.

Each tier is now a single plugin. Install the one for your tier and you're set: paid tiers no longer need the free plugin installed next to them. Note: auto-update is off for this release, so update manually. Activating the new plugin deactivates the old free and PRO plugins. Test your site, then delete them.

Build sophisticated grid layouts visually on canvas. Define columns, rows, and gaps while your content adapt in real time. Support for both explicit and implicit grids. No code required, but the output is clean CSS grid you'd write yourself.

Full support for JetEngine by Crocoblock. Work with custom post types, taxonomies, fields, and relationships through dedicated GraphQL integration. Use Sense AI to create dynamic data models and query them directly inside the builder.