Ripple Effect
Introduction
Engage site visitors by transforming static background imagery into immersive, interactive liquid water surfaces that ripple in response to cursor movement. This section builder module replaces boring, static landing zones with a WebGL-powered interactive canvas that maintains high-performance parallax scrolling without sacrificing page load speeds. It solves the limitation of rigid, non-reactive web design by allowing developers to anchor rich, HTML-supported content blocks directly over an active, liquid-responsive backdrop.
Ripple Effect
Overview
Key Features
- WebGL-Powered Water Interaction: Utilize WebGL rendering engines to project a fluid ripple motion onto your background image that tracks viewer mouse cursor coordinates in real-time.
- Responsive Background Parallax: Layer your interactive water canvas smoothly over a hardware-accelerated parallax background to provide a sophisticated, multi-depth visual hierarchy.
- Semantic Content Canvas: Populate the module with fully formatted HTML and WYSIWYG editor content, allowing you to overlay text, buttons, and call-to-actions directly atop the animated water surface.
- Customizable Ripple Physics: Tune the fluid dynamics from the administrator backend, including ripple drop intervals, expansion velocity, and interaction sensitivity thresholds.
- Multi-Instance Layout Isolation: Deploy unique ripple-enabled sections concurrently across different page nodes without triggering variable tracking collisions or script runtime conflicts.
Layout and Styling
- Graphic Backdrop Versatility: Apply the ripple transformation effect to any standard background image or static graphic uploaded via the native Joomla media manager interface.
- Contrast-Protecting Color Overlays: Safeguard the readability of your content blocks by applying a configurable background overlay color with adjustable opacity percentage markers.
- Responsive Viewport Height Scaling: Enforce structural layout consistency by configuring explicit section height boundaries that adapt automatically to desktop, tablet, and mobile device frames.
- Granular Perimeter Spacing Controls: Manage the structural impact of your section by configuring independent padding and margin depth variables from the backend parameters.
- Professional Gulp Style Customization: Access the bundled Gulp build environment to compile, compress, and refine internal stylesheet structures to match your enterprise brand design.
Joomla 4, 5, and 6 Compatibility
- Full Joomla 6 Architecture Upgrades: Built exclusively on Joomla's modern application API to ensure full functional native support across the current core lifecycle.
- Strict PSR-4 Namespace Implementation: Executes all module logic beneath a structured namespaced class tree to block file-loading overlaps and path-resolution errors.
- Dependency Injection Containers: Orchestrates external library loading and core service registration through a dedicated dependency provider file to modernize the module boot routine.
- Typed Abstract Module Dispatching: Replaces outdated rendering handlers with the current AbstractModuleDispatcher workflow to enforce a clean separation of concerns.
- Upgrade-Safe Manifest Installations: Utilizes standard extension installation XML records to guarantee that future system updates do not corrupt customized module parameters.
Support and Resources
- Complimentary Professional Installation: LogicHunt includes a direct developer installation service with your purchase, ensuring the ripple canvas renders correctly within your template layout.
- Integrated Multilingual Bindings: Syncs natively with global site systems by loading isolated translation registries for easy content localization.
- Risk-Free Investment Protection: Backed by a full 100% money-back structural guarantee alongside direct, fast-turnaround technical troubleshooting from our core engineering team.
Ripple Effect
- Version:
- 1.2.0
- Developer:
- LogicHunt
- Last updated:
-
May 25 2026
1 week ago - Date added:
- May 16 2017
- License:
- GPLv2 or later
- Type:
- Paid download
- Related extension :
- Particle Background
- Includes:
- m
- Compatibility:
- J3 J4 J5 J6
Share