Complex scroll-triggered animations. No coding required.

Themeisle

Hardeep Asrani

mariamunteanu1

Blocks Animation: CSS Animations for Gutenberg Blocks

Add CSS animations and scroll effects to any Gutenberg block. Choose from fade, slide, zoom & more, with delay and duration controls — no code needed.

Fabio Rinaldi

Crelly Slider

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

Nick Halsey

CSS3 Transitions

This plugin automatically adds CSS3 transitions to your website/blog and the WordPress admin. Links, etc. get animated transitions between their norma …

adriankremer

Page slideshow

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

Farzad Sotoode

WP Transitions

This plugin automatically adds CSS transitions to your Wordpress website/blog and Wordpress Admin Elements with hover/active/focus.

Mahesh Thorat

PagePulse

Liven up WordPress page loads! Choose stylish animations to keep visitors engaged during transitions. ✨

jesperb

Image transitions

Missing the "oomf" in your posts? With this plugin you'll be able to easily add transitions to images in your posts.

Andrew Gunn

Easy CSS Effects

Easily apply CSS3 styles, hover effects, transitions and tranforms with applying classes to elements.

foo123

WP-NoFlash

Adds a completely customizable and intuitive slideshow based on noflash jquery plugin (with more than 100 transitions including variations), which you …

Afief

Gagambar

Galeri gambar dengan efek opacity dari CSS tanpa menggunakan JQuery. Lebih ringan , simpel, dan dapat dikostumisasi kembali.

Aaron Jones

David Foreman

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>

Alternatives to Animation Builder – An interface for adding scroll-triggered animations

Top alternatives