David Foreman

Aaron Jones

Toast Plugins

<h3>Animation Builder – Complex scroll-triggered animation with no coding required.</h3>
<p>Animation Builder lets you craft everything from subtle transitions to complex, multi-stage scroll-triggered animations — all within a modern, familiar interface.</p>
<p>With intuitive controls and powerful features, you can build animations that respond to triggers, follow logical rules, and combine seamlessly to create a rich, interactive experience on your website — all with a fraction of the effort typically required.</p>
<h3>Features</h3>
<p><strong>Scroll triggered</strong> – All animations respond to your scrolling, activating only when visible in the browser to ensure nothing is missed and performance remains smooth.<br />
<strong>Lightweight & performant</strong> — Minimal footprint, optimized for fast, smooth animations.<br />
<strong>Powered by GSAP Animation Framework</strong> — Built on the industry-standard animation engine for reliable, high-performance animations.<br />
<strong>Zero-config defaults</strong> — works straight out of the box.<br />
<strong>Beginner-friendly</strong> — no coding knowledge required.</p>
<h3>The 4 types of animation included within Animation Builder</h3>
<p>Animation Builder is designed to make animations effortless for everyone — whether you’re a seasoned developer or someone who has never touched JavaScript. With multiple ways to create and trigger animations, you have complete freedom to choose the approach that works best for you.</p>
<p><strong>1. Simple Animation Builder</strong><br />
A clean, visual interface for creating smooth, single-step transitions. Ideal for quick enhancements when you need movement without complexity.</p>
<p><strong>2. Advanced Timeline Builder</strong><br />
The heart of Animation Builder — a full-fledged timeline editor that lets you design professional, multi-stage animations with precision and control. No coding required, just creativity and a bit of animation logic.</p>
<p><strong>3. Ready-to-Use CSS Classes</strong><br />
Instantly add motion to any element with our library of predefined CSS animations. Perfect for quick effects that grab attention — no setup required.</p>
<p><strong>4. Legacy Activations</strong><br />
A tried-and-true method for scroll-based effects. Elements activate as they enter the viewport, enabling elegant CSS transitions between states — great for subtle, performance-friendly animations.</p>
<h3>Benefits</h3>
<p><strong>Attract Users to Key Areas</strong> – Apply animations strategically to highlight the sections that matter most.<br />
<strong>Improves engagement</strong> – studies show that web animations can improve “time on page” by up to 15%.<br />
<strong>Increase Credibility</strong> – Polished, purposeful animations can make your website appear more credible.</p>
<p>Full documentation can be found <a href="https://www.toastplugins.co.uk/docs/animation-builder/" rel="nofollow ugc">here</a></p>


Animation Builder – An interface for adding scroll-triggered animations

Complex scroll-triggered animations. No coding required.

Fabio Rinaldi

<p>Crelly Slider is a Free / Open Source responsive WordPress slider that supports layers. You can add Texts, Images, YouTube/Vimeo videos using a powerful Drag & Drop Builder and animate each of them. It is perfect to display your creative content in posts and pages.</p>
<p><a href="http://crellyslider.altervista.org/" rel="nofollow ugc">Official WebSite (with live demo)</a><br />
</p>
<h4>User Friendly Admin Panel</h4>
<p>Crelly Slider does not require any Coding Knowledge. With the simple admin panel you will be able to create the sliders in the easiest way. Upload images with the default WordPress interface or choose colors using the picker.</p>
<h4>High Cross Browser Compatibility</h4>
<p>Most of the animations and the transitions are written in jQuery (using the “animate” function). In this way we can assure the compatibility with modern (even Android and iOs) and older browsers.</p>
<h4>Drag and Drop Builder</h4>
<p>How can you position all the elements in to the slider area? You just simply drag them in to the desired position. Like in Powerpoint, you just have to move the object around the Slide.</p>
<h4>Transitions & Animations</h4>
<p>Foreach element and slide you can choose an in animation and an out animation using a simple selection menu. You can set the transition speeds and how long the element will take to get in and out.</p>
<h4>Completely Responsive</h4>
<p>Responsive means that the Slider will be displayed correctly in every resolution that the user will use. If the display is small (like in a smartphone), the slides and the elements will be scaled to be adapted.</p>
<h4>Full & Fixed Width Modes</h4>
<p>Using Crelly Slider you can select between a fixed or a full-width layout (both of them can be responsive). You are the designer, you own the WebSite, just choose the best for it.</p>


Crelly Slider

A free responsive slider that supports layers. Add texts, images, videos and beautify them with transitions and animations.

Animation Builder – An interface for adding scroll-triggered animations vs Crelly Slider