A water ripple effect for Elementor that spreads across any section background as the visitor moves a pointer over it.
Elementor Ripples Effect Extenstion for Elementor is an ultimate design extension for the popular WordPress page builder. It is created by Skyaddons. This extension will allow you to create any effect on your website that you can imagine in minutes.
Your creative possibilities are limitless with Ripples Extenstion for Elementor. Our water effect is easy to use and looks amazing. We also offer a beautiful & elegant template for you to show off your work. Add some sparkle to your website today!
Sky Addons is a simple and easy to use plugin for Elementor Page Builder, which allows you to add a second button on the elementor.
This widget allows you to add two elements inside a unique elementor widget.
Straight answers about what this one does, where it fits in a real build, and what it costs you to ship.
Read the documentation for this one, or write to us — a human answers inside a business day.
It is a Ripples Effect panel section rather than a widget. Sky Addons for Elementor adds it to the Style tab of any section, container or column, and to the Advanced tab of an individual widget, so you switch it on for the element whose background should ripple.
Because the element has no background image. The effect works by distorting the element’s own background as a texture, so a flat colour or a transparent background gives it nothing to bend. Set a background image on that section and the ripples appear immediately.
It follows the pointer. Moving the mouse across the element drops ripples along the path, and a click drops a larger one, exactly like touching still water. The interaction is always on — there is no ambient-only mode where ripples appear without a pointer.
Three things. Drop Radius, from 1 to 20, sets how big each disturbance is. Perturbance, from 0.01 to 1, sets how strongly the image refracts — 0.03 is the subtle default. Resolution sets the texture size, defaulting to 256, where higher is smoother but propagates more slowly.
Yes. It renders through WebGL with floating-point texture support, and on a browser or device without that the effect simply does not start. Because it is a decorative background layer, the section still displays its normal background image — nothing breaks, the water just stays still.
Only if that server sends CORS headers. The canvas requests the texture anonymously, and a cross-origin image without permission cannot be read into WebGL. Uploading the image to your own Media Library is the reliable route, and it is what the Elementor background picker does anyway.
No. The canvas replaces the element’s background layer while your widgets keep sitting above it, so headings and buttons stay readable and clickable. If the stacking ever comes out wrong against a sticky header or an overlay, the Z-index field in the same panel section corrects it.
Nothing is downloaded beyond the still image you already have. The motion is generated live from the visitor’s pointer, so it responds to them rather than looping, and it stays perfectly sharp at any section height. A video background cannot react to where the mouse is.
No. It ships in the free Sky Addons plugin and works on free Elementor. Classic sections, columns, containers and individual widgets are all supported, so it applies equally to older page layouts and to ones built with the newer container structure.
Think twice. The effect is driven by pointer movement, which a touch screen only supplies on tap, and the enable switch is a single setting rather than a per-breakpoint one. One hero section is the right dose; use Elementor’s own responsive visibility controls if you want it desktop-only.
