Interactions – Animations for Elementor & Gutenberg

Bricks (Interaction library WIP)

Divi (WIP)

Popular Block Editor Builders

Stackable

Kadence

Spectra

GenerateBlocks

CoBlocks

Greenshift

Otter

🚀 Features Create custom interactions easily with a simple Trigger → Action builder. Features include:

Animations & Visual Effects:

Animation effects (fade, slide, zoom, rotate, shadow, etc.)

Scroll effects – reveal content as users scroll down

Hover effects – highlight and animate elements on hover

Click triggers – run actions when buttons, images, or sections are clicked

Basic Interactions:

Mouse interactions – Click, hover, mouse move, mouse press

Scroll interactions – Enter viewport, element scrolling, page scrolling

Form interactions – Form submitted, input change, keypress

Page interactions – Page load, page create

Basic Actions:

Animation actions – Move, rotate, scale, skew, opacity

Style actions – Background color, background image, text color, CSS rule, toggle class, update attribute

Display actions – Display, visibility, focus

Navigation – Redirect to URL

Media – Toggle video

Effects – Confetti

Core Features:

Reusable Interaction Library – apply popular effects instantly

Custom trigger → action builder – advanced users can design unique effects

Performance optimized – loads only what’s needed for your chosen interactions

Works with blocks, page builder elements, and any theme

Works with Elementor and Bricks

Why Interactions?

WordPress scroll animation plugin — reveal content on scroll

Hover effect plugin — buttons, cards, images

Elementor animation plugin — works inside the Elementor editor

Gutenberg animation plugin — library + builder in the block editor

No-code interaction builder — visual Trigger → Action timeline

Performance-friendly — loads only what’s used on the page

🎯 Perfect For

Designers who want scroll animations without code

Marketers who want attention-grabbing hover effects

Bloggers who want dynamic storytelling with animations

Site builders who want to bring their designs to life, or create unique micro-interactions

Developers who need functional features like post meta updates and data handling

Anyone building modern interactive websites in WordPress

💎 What’s in Premium? Check our pricing page to learn more about what’s in Interactions premium.

Advanced Interactions:

Scroll Strength – Measure scroll intensity

Page State – Monitor page state changes

Page Exit – Detect when users try to leave

URL Hash – Respond to URL hash changes

Local Storage – Monitor storage changes

Toggle Attribute/Class – Watch attribute and class changes

HTML Events – Custom HTML and document events

Advanced Actions:

Box Shadow – Dynamic shadow effects

Slide Animations – Smooth slide up/down effects

Content Management – Securely insert sanitized HTML, render shortcodes, copy to clipboard

Data & Post Management – Update post/user meta (with permissions), get post data, local storage

Navigation & UX – Scroll to element, tooltips, popups, confirmation dialogs

Media – Video scrubbing, SVG animations (line draw, morph, motion path)

Advanced Features – Animated counters, advanced automation

Premium Benefits:

40+ Premium Actions – Access to advanced functionality

10+ Premium Interactions – More trigger options

Priority Support – Faster response times

Regular Updates – New features and improvements

Commercial License – Use in client projects

Source Code:

The source code for this plugin is available on GitHub:

https://github.com/gambitph/Interactions