Ripple
Add realistic water ripple effects to any image in Framer. Fully customizable, interactive, and CMS-compatible for immersive, dynamic visual experiences.
Make it with Workshop
Build your own component with AI
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
