Interactions – Animations for Elementor & Gutenberg

🚀 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