Interactions – Animations for Elementor & Gutenberg for WordPress Plugin Directory

Interactions – Animations and Interactive Experiences for Elementor & Gutenberg

Visit our website to learn more about how Interactions work.

Want to make your website feel alive and interactive? Interactions is a no-code WordPress animation plugin for scroll effects, hover animations, click interactions, and micro-interactions — built for Elementor, Bricks, and Gutenberg. Add fade-in-on-scroll, parallax-style motion, button hover effects, and custom Trigger → Action automations without writing JavaScript. Check our samples page here to see a glimpse of what type of interactions you can create.

You don’t need coding skills or complex tools. With Interactions, you can:

Pick from the Interactions Library – A collection of pre-built animations and effects (like images that move upon scrolling down the page, buttons that glow when hovered, and more). Just click and apply. Learn more

Build your own custom effects – Use a simple Trigger → Action system. Example: “On scroll → Fade in element”, or “On click → Play video”. Learn more

Add functional features – Securely update post data, handle form submissions, display user info, copy text to clipboard, and more without coding. Learn more

Whether you want subtle hover effects, attention-grabbing story-telling animations, playful micro-interactions, or powerful functional features, Interactions makes it possible.

Works with

The native WordPress Block Editor / Gutenberg

Popular Page Builders

Elementor (Interaction library WIP)

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