Ripple Hover Effect
A simple component that applies a WebGL ripple effect, built with Three.js, to all selected media.
Make it with Workshop
Build your own component with AI
About this Component
All you need to do is add the component to your page, and the effect will automatically be applied to all your media elements (images and videos).
The component is fully responsive, ensuring the ripple effect adapts seamlessly to different screen sizes.
The effect is applied to all these elements, and that’s all you need to do.
You can tweak two properties: the intensity and the cursor size.
Example sites using this component: https://aerleum.com/
