David Foreman

Aaron Jones

Toast Plugins

<h3>Animation Builder – Complex scroll-triggered animation with no coding required.</h3>
Animation Builder lets you craft everything from subtle transitions to complex, multi-stage scroll-triggered animations — all within a modern, familiar interface.
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.
<h3>Features</h3>
Scroll triggered – All animations respond to your scrolling, activating only when visible in the browser to ensure nothing is missed and performance remains smooth. 
Lightweight & performant — Minimal footprint, optimized for fast, smooth animations. 
Powered by GSAP Animation Framework — Built on the industry-standard animation engine for reliable, high-performance animations. 
Zero-config defaults — works straight out of the box. 
Beginner-friendly — no coding knowledge required.
<h3>The 4 types of animation included within Animation Builder</h3>
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.
1. Simple Animation Builder 
A clean, visual interface for creating smooth, single-step transitions. Ideal for quick enhancements when you need movement without complexity.
2. Advanced Timeline Builder 
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.
3. Ready-to-Use CSS Classes 
Instantly add motion to any element with our library of predefined CSS animations. Perfect for quick effects that grab attention — no setup required.
4. Legacy Activations 
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.
<h3>Benefits</h3>
Attract Users to Key Areas – Apply animations strategically to highlight the sections that matter most. 
Improves engagement – studies show that web animations can improve “time on page” by up to 15%. 
Increase Credibility – Polished, purposeful animations can make your website appear more credible.
Full documentation can be found <a href="https://www.toastplugins.co.uk/docs/animation-builder/" rel="nofollow ugc">here</a>

Animation Builder – An interface for adding scroll-triggered animations

Complex scroll-triggered animations. No coding required.

adriankremer

Page Slideshow is a clean plugin with which you can create a slideshow for every web page. Simply choose your desired images in the WordPressStyle media library via the Drag and Drop method and design your own individual slideshow. This plugin also supports texts and headlines and uses the responsive <a href="http://www.woothemes.com/flexslider/" rel="nofollow ugc">Flexslider</a> provided by Woothemes.
Features
After having successfully installed Page Slideshow, the plugin offers different options to create and edit your slideshow. Within the settings, you will find the following options:
<ul>
<li>
Position: Determines when the slideshow will be created. It can either be placed before the actual content or after it
</li>
<li>
Animation: The slideshow’s animation option regulates in which style the slideshow switches from one slide to the other. You can choose between a ‘Fade’ mode, which generates an alpha effect and a ‘Slide’ mode that creates a flowing transition
</li>
<li>
Navigation: You can choose between two different methods with which to navigate your slideshow:
<ol>
<li>With the help of navigation points, which are visibly displayed as dots on the bottom of the slides and can be used to navigate between slides</li>
<li>By using the navigation arrows that appear on each side of the slideshow during a mouseover</li>
</ol>
Both of these methods can be displayed simultaneously
</li>
<li>
Image size: The chosen image size affects the maximum solution of the slideshow images
</li>
</ul>
Creation
Once you have installed and activated the plugin, a new slideshow section will be generated on the bottom half of the content part on every available web page. Here you will find a ‘+’ (plus) button that calls for you to choose or to upload an image. Once you have picked the desired image, it can be inserted into the slideshow range using the ‘Use Image’ button. Afterwards the chosen image appears in a box with the option to add text. The slideshow will be shown on the respective web page.
<ul>
<li>
The slides can be arranged as may be required by dragging them to their desired position via Drag and Drop.
</li>
<li>
The slideshow’s layout automatically adjusts to the conditions of the terminal device owing to a responsive web design.
</li>
</ul>

Page slideshow

With Page Slideshow you can create individual, responsive and sortable slideshows. Uses performance-friendly CSS3 transitions.

Animation Builder – An interface for adding scroll-triggered animations vs Page slideshow