Advanced Themer for Bricks

Advanced Themer for Bricks gives Bricks users a set of tools for common design and development tasks. It can generate HTML, CSS, and JavaScript from text or images, and includes a CSS Grid Builder for creating responsive grids. Developers can also manage classes, review style usage, and apply bulk actions to organize styles across a project.

The plugin includes controls for global and dynamic colors, shade generation, and a no-code dark mode. Its variable manager supports custom fluid scales, while the responsive helper and global query manager help manage layouts and queries. Designers can use the CSS editors and SASS integration for styling, then restrict the controls available to clients in the editor view.

Features

• Generate code with AI: Generate HTML, CSS, and JavaScript from text or images, with the resulting code available as part of your Bricks site-building work.
• Build responsive grids: Create CSS grids with a drag-and-drop interface that supports minmax() functions and breakpoint controls.
• Manage styles and classes: Convert classes, apply bulk actions, use contextual menus, and detect unused global classes to organize project styles.
• Control colors and dark mode: Use a global color manager, dynamic colors, shade generation, and a no-code dark mode to manage site colors.
• Create fluid CSS scales: Set up custom fluid scales in the variable manager so styles can adapt across devices.
• Edit CSS and use SASS: Work with enhanced CSS editors and SASS integration for hands-on control over site styling.
• Set client editor controls: Customize and restrict the controls clients can access in the editor when handing over a project.

Best for

• Bricks site developers
• WordPress web designers
• Agencies handing projects to clients