Moeini

Bricksy Bits enhances Bricks Builder with tiny but essential features that are missing from the core — built for performance and developer experience (DX).
The first feature: 
– Adds a <code>Query Loop Index</code> condition to Bricks’ Condition panel. 
– Allows targeting items inside a loop using operators like <code>==</code>, <code><</code>, <code>></code>, etc. 
– The index starts from <code>0</code> for better logical control. 
– Great for creating custom layouts without writing multiple queries.
Stop duplicating queries just to style the first few posts differently. Now you can do it with a single loop.
<h3>Credits</h3>
Made with ☕, 🔁, and clean queries.
<h3>License</h3>
This plugin is licensed under the GPLv2 or later.

Bricksy Bits

A lightweight Bricks Builder addon that brings essential missing features — starting with a performance-friendly Query Loop Index condition.

Ken Ng

Bricksable

<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.
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.
<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>
More Bricksable elements coming soon.
<h3>Our Customers Love Us! (See the 5-Star Reviews)</h3>
Great Plugin, Firstclass Service – uliseu ⭐⭐⭐⭐⭐ 
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 ⭐⭐⭐⭐⭐ 
A great bit of kit for anyone using BRICKS builder and its free, WHOA !!! – mrmickwhite ⭐⭐⭐⭐⭐ 
A really useful addition to Bricks Builder, highly recommended. – crisp52 ⭐⭐⭐⭐⭐ 
This works really well and is free. Duly full of respect. – johnbai ⭐⭐⭐⭐⭐ 
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. 
Thanks a lot for the fast & friendly support and the great job! – digisis ⭐⭐⭐⭐⭐ 
All the elements are well thought, well designed and very much needed for anyone using Bricks! Thank you! – jargonsp ⭐⭐⭐⭐⭐ 
Your hard work in this tool and your generosity giving free add-ons is awesome. Thank you so much. – mumymaz ⭐⭐⭐⭐⭐
Want more? 
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.
About Bricksable
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. 
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. 
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.

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  …

Bricksy Bits vs Bricksable for Bricks Builder