Built with real-time distortion, realistic refraction, and physics-based ripples, it delivers depth, energy, and organic motion—without WebGL or coding. Subtle for elegant minimalism or bold for experimental art, it's ideal for hero sections, showcases, and premium layouts.

🔑 Key Features

Easy Framer Integration: Fully controllable via the property panel—no code required.

Cursor-Driven Ripples: Pointer movement generates natural displacement with smooth physical falloff for an organic response.

Realistic Refraction: Simulates light splitting through liquid, adding chromatic separation and optical depth.

Ambient Motion: Gentle continuous flow keeps surfaces alive, even without interaction.

Intelligent Sizing: Resizes to match any image's aspect ratio, preventing distortion.

Drop it in as a standalone visual, background for headlines, or card enhancer to add futuristic polish effortlessly.

🎯 Best For

Designer and agency portfolios

Product photos and feature highlights

Brand and logo presentations

Creative landing page heroes

Photography, art galleries, and videographer sites

Event/conference promos

Product-focused websites and interactive brand experiences

📍 Where to Use

Hero sections for visual impact

Portfolio projects and case studies

Product galleries and headers

Editorial layouts and storytelling

Experimental UI and promo sections

Digital magazines and lookbooks

⚙️ Customization & Setup

After purchase, you'll receive a direct link to import the component into Framer.

Copy the URL and paste it into your Framer project.

Drag the Water Flow Background onto your canvas.

Set Width and Height to Fill for full-screen or container effects.

Tweak controls in the property panel for your style.

💎 Refund Policy

Digital products are non-refundable due to their nature, but we're here to help with setup or questions.

🆘 Support

Contact us anytime at Atemo.studio@proton.me