jques

<p>Craft Addons for WPBakery is a lightweight pack of content elements for the WPBakery Page Builder (formerly Visual Composer). It adds the building blocks most websites need, an icon box, an animated counter, a testimonial and a flip card, all designed to look polished the moment you place them on the page.</p>
<p>These are elements we build and use on real client projects, so they ship with sensible defaults and only the styling controls you actually reach for. There are no oversized option panels to wade through and no setup wizard to sit through. Add an element, adjust a few settings, and carry on building your page.</p>
<p>Performance is part of the design. Craft Addons loads an element’s CSS and JavaScript only on the pages where that element is used, so the plugin never weighs down the rest of your site.</p>
<h4>Elements included</h4>
<ul>
<li><strong>Icon Box.</strong> An icon or image paired with a heading, text and an optional link or button. Ideal for feature grids, service lists and “why choose us” sections.</li>
<li><strong>Counter.</strong> A number that animates upward as it scrolls into view, with an optional prefix, suffix and label for stats like clients served or projects shipped.</li>
<li><strong>Single Testimonial.</strong> A customer quote with an avatar, name, role and star rating to build trust on landing and sales pages.</li>
<li><strong>Flip Container.</strong> A card with a front and a back. Place any WPBakery content on each side and it flips on hover or on click.</li>
</ul>
<p>Every element comes with the controls that matter for it, including colors, sizes, alignment and typography for its text, so it matches your theme without writing any code.</p>
<h4>Made to feel native</h4>
<p>Craft Addons follows WPBakery’s own conventions. The elements appear in their own category in the element library and use the same editing experience you already know, so there is nothing new to learn. They work in both the backend editor and the WPBakery frontend editor.</p>
<p>You can switch each element on or off from the Craft Addons screen in your dashboard, which keeps the editor focused on the elements you actually use.</p>
<h4>Craft Addons Pro</h4>
<p>Pro adds more advanced elements, starting with <strong>Image Scroller</strong>, a tall screenshot that scrolls on hover or follows the cursor. It is perfect for showing off a full web page or an app screen inside a compact frame.</p>


Craft Addons for WPBakery

Lightweight WPBakery Page Builder addons: icon box, counter, testimonial and flip card elements that look great with no setup.

Zayed Baloch

Hammal Albulushi

Naeem Noor

<p>Twenty20 is a professional-grade image comparison tool that helps you showcase transformations in a highly engaging way. Perfect for:</p>
<ul>
<li>Photography portfolios</li>
<li>Real estate before/after</li>
<li>Renovation projects</li>
<li>Design makeovers</li>
<li>Product comparisons</li>
<li>Restoration work</li>
<li>Medical procedures</li>
<li>And much more!</li>
</ul>
<h4>Video Tutorial</h4>
<p><span class="embed-youtube" style="text-align:center; display: block;"><iframe loading="lazy" class="youtube-player" width="750" height="422" src="https://www.youtube.com/embed/1cQ9rhL-t70?version=3&rel=1&showsearch=0&showinfo=1&iv_load_policy=1&fs=1&hl=en-US&autohide=2&wmode=transparent" allowfullscreen="true" style="border:0;" sandbox="allow-scripts allow-same-origin allow-popups allow-presentation allow-popups-to-escape-sandbox"></iframe></span></p>
<h4>Live Demo</h4>
<p>Check the <a href="https://zayedbaloch.com/twenty20-image-before-after-wordpress-plugin/" title="Twenty20 Live demo" rel="nofollow ugc">Live Demo</a>.</p>
<h4>Key Features</h4>
<ul>
<li>Responsive design – works perfectly on all devices</li>
<li>Horizontal and vertical sliding options</li>
<li>Customizable slider position and orientation</li>
<li>Custom “before” and “after” labels</li>
<li>Adjustable image widths and alignments</li>
<li>Mouse hover sliding effect</li>
<li>Touch-enabled for mobile devices</li>
<li>Multiple sliders per page</li>
<li>Widget support for sidebars</li>
<li>SEO-friendly with proper alt tag support</li>
<li>Accessibility compliant image comparisons</li>
</ul>
<h4>Page Builder Support</h4>
<ul>
<li>Elementor</li>
<li>WPBakery Page Builder (Visual Composer)</li>
<li>Flatsome UX Builder</li>
<li>Classic Editor</li>
</ul>
<h4>Perfect For</h4>
<ul>
<li>Photography before/after edits</li>
<li>Home renovation comparisons</li>
<li>Web design makeovers</li>
<li>Product transformations</li>
<li>Restoration projects</li>
<li>Beauty transformations</li>
<li>Real estate renovations</li>
</ul>
<h3>Usage</h3>
<h4>Shortcode Example</h4>
<p><strong>Quick Example</strong></p>
<pre><code>[twenty20 img1="" img2="" direction="vertical" offset="0.5" align="right" width="60%" before="Before" after="After" hover="true"]
</code></pre>
<p><strong>Shortcode Parameters</strong></p>
<ul>
<li><code>img1</code> – image ID.</li>
<li><code>img2</code> – image ID.</li>
<li><code>offset</code> – range from 0.1 to 1.0.</li>
<li><code>direction</code> – <code>horizontal|vertical</code>.</li>
<li><code>align</code> – <code>none|right|left</code>.</li>
<li><code>width</code> – supports both <code>px</code> and <code>%</code>.</li>
<li><code>before</code> – text for the “before” label.</li>
<li><code>after</code> – text for the “after” label.</li>
<li><code>hover</code> – <code>true</code> or <code>false</code>.</li>
</ul>


Twenty20 Image Before-After

Simple and clear implementation of the Twenty Twenty by Zurb script.  Thanks for saving me a few hours.

Works Well

Professional before & after image comparison slider for WordPress. Create engaging visual comparisons with an intuitive drag & drop interface.

Craft Addons for WPBakery vs Twenty20 Image Before-After