Ripple
Add realistic water ripple effects to any image in Framer. Fully customizable, interactive, and CMS-compatible for immersive, dynamic visual experiences.
About this Component
Bring your images to life with realistic water ripple effects right in Framer. This WebGL-powered component adds engaging, interactive ripples over any background image—perfect for creating immersive hero sections, attention-grabbing headers, or dynamic photo galleries.
Features
Adjustable ripple intensity, count, size, and interval
Interactive ripples on hover or click
Fully responsive—fills any container
Connects seamlessly to your CMS-sourced images
Cleanup-safe: destroys previous instances on update or unmount
Expose all settings to Framer’s Property Controls for live tweaking
