Interactions – Animations for Elementor & Gutenberg

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:

com/gambitph/Interactions