Sridhar Katakam

<p>Adds quick links in the WordPress admin bar for users of Bricks theme.</p>
<h3>Main function</h3>
<p>This plugin adds a handy “Bricks” menu item in the WP admin bar for directly editing Pages and Templates with Bricks, as well as quickly navigating to various areas within the site and external sites relevant for the users of <a href="https://bricksbuilder.io/" rel="nofollow ugc">Bricks Builder theme</a>.</p>
<p>A very useful feature is being able to directly view the list of all Templates and Pages and edit any of them with Bricks directly with a single click without going to Templates and Pages list screens first.</p>
<p>The admin bar can also be enabled in Bricks editor pages via the plugin’s settings page at Bricks <span aria-hidden="true" class="wp-exclude-emoji">→</span> Bricks Navigator.</p>
<p>Links to Bricks-specific plugins’ settings page are also provided.</p>
<p>Links to community sites, internal and external Bricks links can be enabled in the plugin’s settings page.</p>
<p>A “new tab” icon is provided for site-specific menu items added by the plugin to open that menu item in a new tab.</p>
<p>All external links open in a new tab.</p>
<p>Built for the Bricks community by Sridhar Katakam of <a href="https://brickslabs.com/" rel="nofollow ugc">BricksLabs</a>.</p>
<p>Performance Notice: The free version loads all templates and pages in the menu and works best for smaller sites (up to ~20 templates and ~50 pages). For larger sites with extensive content, consider upgrading to our upcoming Pro version for better performance. Note that this only applies for admins and other logged-in users for whom the WP toolbar shows.</p>
<h3>Auto-select Class</h3>
<p>Provides a checkbox so that when an element with a CSS class is selected in the editor, the first unlocked class in the classes panel is automatically activated.</p>
<h3>CSS Editor (Beta)</h3>
<p>An inline collapsible CSS editor panel in the Bricks element panel with two-way binding between CSS and controls. Editable CSS maps back to layout controls; unmappable properties are stored in the element’s Custom CSS field.</p>
<h3>BEM Classes (Beta)</h3>
<p>A BEM class action on each structure panel layer to assign global classes in BEM format with a checkbox to move ID styles to the class.</p>
<h3>CSS Variables Context Menu (Beta)</h3>
<p>Right-click any CSS value input in the Bricks editor to insert a CSS variable from your registered custom properties – with live preview on hover.</p>
<h3>Class Tooltip (Beta)</h3>
<p>Hold Shift or Cmd/Ctrl while hovering over any element in the Bricks structure panel to see a tooltip listing all active CSS global classes applied to that element. Saves time when writing custom CSS — no need to click elements one by one just to check which classes are applied.</p>
<h3>Keyboard Shortcuts</h3>
<p>Adding common elements in Bricks editor is now a single key-press away.</p>
<ul>
<li>S: Section</li>
<li>C: Container</li>
<li>B: Block</li>
<li>H: Heading</li>
<li>T: Basic Text</li>
<li>I: Image</li>
<li>L: Text Link</li>
<li>W: Wrap with Block</li>
<li>R: Rich Text</li>
<li>D: Div</li>
</ul>
<p>Alt+H: Toggle :hover</p>
<h3>Automatic Installation</h3>
<p>Search for <code>bricks navigator</code> from within your WordPress plugins’ Add New page and install.</p>
<h3>Manual Installation</h3>
<ol>
<li>Click on the <code>Download</code> button to download the plugin.</li>
<li>Upload the entire <code>brickslabs-bricks-navigator</code> folder to the <code>/wp-content/plugins/</code> directory.</li>
<li>Activate the plugin through the <code>Plugins</code> menu in WordPress.</li>
</ol>


Bricks Navigator

Adds quick links in the WordPress admin bar for users of Bricks theme.

Ken Ng

Bricksable

<p><a href="https://bricksable.com" title="Bricksable" rel="nofollow ugc">Bricksable</a> is a free WordPress plugin. It is fully compatible with the Bricks Builder.</p>
<p>20 (Twenty) stylish elements (and more on the way!) packed into one powerful Bricks plugin. Now you can easily create eye-catching effects to boost customer engagement and increase conversions without sacrificing speed. Designed with an intuitive interface to blend seamlessly with the Bricks builder, Bricksable takes your design and development process to a whole new level, saving you time and money with a variety of extra features. Build your next website better, faster and more beautifully than ever before with Bricks and Bricksable.</p>
<ol>
<li><a href="https://bricksable.com/features/flipbox/" rel="nofollow ugc">Flipbox</a> – With nine different flip effects to choose from, you’ll be creating stunning interactive animated content in no time. Choose from 3D effects, animations, alignment and position options, elastic effects, and advanced styling or customize your own special effect. </li>
<li><a href="https://bricksable.com/features/floating/" rel="nofollow ugc">Floating</a> – Instantly capture your viewers’ attention with a dynamic showcase of multiple images or text. Bricksable’s vibrant floating effects offer customizable settings so you can get creative with animation speeds, directions, delays, overlays and more.</li>
<li><a href="https://bricksable.com/features/tilt-image/" rel="nofollow ugc">Tilt Image</a> – Create unique and inspiring image effects with interactive parallax tilt effects. With hover effects, overlays, and other design settings you can design your own unique elements. Your website users will love the way images respond to their mouse movements.</li>
<li><a href="https://bricksable.com/features/lottie-element/" rel="nofollow ugc">Lottie</a> – Bricksable will allow you to harness the power of Lottie to add interactive vector animations to your websites. Lightweight JSON files provide high performance, quality and efficiency to keep your site loading and running fast. Impressive animations will engage more customers and boost conversation rates.</li>
<li><a href="https://bricksable.com/features/text-notation/" rel="nofollow ugc">Text Notation</a> – Put the focus on the most important parts of your text with an animated hand-drawn look and feel. Seven varied designs and eye-catching styling options will get your main points noticed and remembered.</li>
<li><a href="https://bricksable.com/features/before-after-image/" rel="nofollow ugc">Before After Image</a> – The before after image element allows you to display the before and after versions of an image by simply sliding over them. Users will be able to move a slider to easily compare the two images.</li>
<li><a href="https://bricksable.com/features/icon-list/" rel="nofollow ugc">Dynamic Icon List</a> – Easily create a bulleted list using the Icon List Element. Display beautiful lists with icons, text or images as bullets for each list item! Create checklists, feature lists, or any other list and display your items clearly.</li>
<li><a href="https://bricksable.com/features/multi-heading/" rel="nofollow ugc">Multi Heading</a> – Modern heading style that gives you the ability to create outstanding unlimited headings with different font, color, and unique style in the same header. It comes with Text Mask Image effect too!</li>
<li><a href="https://bricksable.com/features/content-toggle/" rel="nofollow ugc">Content Toggle</a> – Display different content in an interactive way to attract visitors instantly. The Content Toggle element allows your website visitors to switch from one content to another without limit. You can use your saved templates, text or images.  </li>
<li><a href="https://bricksable.com/features/random-image/" rel="nofollow ugc">Random Image</a> – Display random images on your webpage from a list of images you define.</li>
<li><a href="https://bricksable.com/features/star-rating/" rel="nofollow ugc">Star Rating</a> – Star ratings are a great way to gain the trust of your visitors. The Star Rating Element provides a simple way to incorporate a customized star rating display of 5 or 10 stars in any section of your website. This feature is particularly useful for highlighting star ratings in conjunction with customer reviews, products, and other related content. Furthermore, the Star Rating Element can retrieve ratings from dynamic data, enabling you to display ratings conveniently and flexibly.</li>
<li><a href="https://bricksable.com/features/scrolling-image/" rel="nofollow ugc">Scrolling Image</a> – Add stunning image scrolling hover effects to your website with Scrolling Image. Choose from 4 types of hover animations to showcase your web design portfolio and other images in an engaging and dynamic way.</li>
<li><a href="https://bricksable.com/features/image-hotspot/" rel="nofollow ugc">Image Hotspots</a> – Create interactive images on your website. Easily add hotspots to any image, whether it’s a product image, a map, or a photograph. With customizable hotspots, tooltips, and hover effects, you can create a unique and engaging browsing experience for your users. Plus, it’s fully responsive, so your images will look great on any device.</li>
<li><a href="https://bricksable.com/features/back-to-top/" rel="nofollow ugc">Back to Top</a> – The Back to Top Element is a user-friendly and easy-to-set-up tool that allows users to easily navigate to the top of a web page with just one click. The element also includes entry and exit animations, scroll behavior, and is nestable, making it a versatile tool for enhancing website navigation.</li>
<li><a href="https://bricksable.com/features/read-more/" rel="nofollow ugc">Read More</a> – The Read More element is a user-friendly feature that enhances the browsing experience on a website. With just a single click, users can expand lengthy descriptions or text to gain immediate access to additional content. This feature is particularly useful when there is a lot of information that needs to be displayed, but you don’t want to overwhelm the user with a wall of text.</li>
<li><a href="https://bricksable.com/features/card/" rel="nofollow ugc">Card</a> – A flexible and extensible content element that comprises an image, a badge text, a title, a subheading, a description, and a Call-to-Action (CTA) button. This combination allows you to create engaging and interactive content sections on your website. This is nestable, enabling you to design even more powerful and creatively structured layouts in the content area. Embrace the potential of this feature to elevate your website’s design and presentation.</li>
<li><a href="https://bricksable.com/features/sticky-video/" rel="nofollow ugc">Sticky Video</a> – The Sticky Video Element allows you to effortlessly incorporate video content into your website, based on the native Bricks Video Element. With this powerful tool, you can display any type of video content, including YouTube, Vimeo, and Self-Hosted videos, to captivate your audience and increase website engagement. Moreover, the sticky feature allows the video to remain visible even as users scroll through your website, ensuring maximum exposure and impact.</li>
<li><a href="https://bricksable.com/features/animated-svg-element/" rel="nofollow ugc">Animated SVG</a> – The Animated SVG element makes it easy to create SVG Animations in Bricks builder. With this element, you can add animation anywhere on your page without having to code anything. Simply upload your SVG file, select from from the options, and see the magic happen.</li>
<li>Embed X Timeline Twitter – Effortlessly create and embed X (Twitter) timeline feed without any coding required.</li>
<li>Embed Google Maps – Effortlessly create and embed Google Map without any coding required. No more switching back and forth to grab embed codes. Perfect for adding a single location to your simple site, all within the Bricks Builder.</li>
</ol>
<p>More Bricksable elements coming soon.</p>
<h3>Our Customers Love Us! (See the 5-Star Reviews)</h3>
<p><em>Great Plugin, Firstclass Service – uliseu</em> ⭐⭐⭐⭐⭐<br />
<em>Although I am not a friend of add-on plugins for page builders, this one is an exception and we have not noticed performance dropdowns yet! – mobizdev</em> ⭐⭐⭐⭐⭐<br />
<em>A great bit of kit for anyone using BRICKS builder and its free, WHOA !!! – mrmickwhite</em> ⭐⭐⭐⭐⭐<br />
<em>A really useful addition to Bricks Builder, highly recommended. – crisp52</em> ⭐⭐⭐⭐⭐<br />
<em>This works really well and is free. Duly full of respect. – johnbai</em> ⭐⭐⭐⭐⭐<br />
<em>This is my very first review for a WordPress plugin but Bricksable really deserves a 5 star rating! I used it for a before / after comparison image with 2 dynamic images. It didn’t work so I contacted the support. I got immediate reply and they fixed the problem with an update of the plugin within a day.<br />
Thanks a lot for the fast & friendly support and the great job! – digisis</em> ⭐⭐⭐⭐⭐<br />
<em>All the elements are well thought, well designed and very much needed for anyone using Bricks! Thank you! – jargonsp</em> ⭐⭐⭐⭐⭐<br />
<em>Your hard work in this tool and your generosity giving free add-ons is awesome. Thank you so much. – mumymaz</em> ⭐⭐⭐⭐⭐</p>
<p>Want more?<br />
Let us know what other functionalities you’d like to be able to use with Bricks. We take your suggestions seriously. We want to build the Bricks plugins that YOU want.</p>
<p>About Bricksable</p>
<p>The Bricks Builder is an innovative system for building super-fast loading websites. Bricksable is built to increase Bricks styling options in the easiest, fastest and most streamlined way.<br />
Designed with speed in mind–just like Bricks–Bricksable loads only the scripts absolutely required by your design, and you can enable/disable any element in the Bricksable settings. With no bloat and clean markup, you’ll be building in record time, and your websites will load faster than ever.<br />
We support the Bricks mission through the development of lightweight custom elements that focus on subtle animations, user interaction and visitor engagement. Whether you’re a developer or a designer, beginner or expert, Bricksable gives you the perfect tools to take Bricks to a new level.</p>


Bricksable for Bricks Builder

Elevate your website game with the Bricksable collection of premium elements for Bricks Builder. Designed to speed up your workflow, our customizable  …

Bricks Navigator vs Bricksable for Bricks Builder