5d:I[333483,["/creators-assets/_next/static/immutable/chunks/356g_j0l71_46.js","/creators-assets/_next/static/immutable/chunks/15s1ft4k9lx-7.js","/creators-assets/_next/static/immutable/chunks/0x8sumr53pdkk.js","/creators-assets/_next/static/immutable/chunks/3pud1dqsw0-_7.js","/creators-assets/_next/static/immutable/chunks/1m75iqpnspynu.js","/creators-assets/_next/static/immutable/chunks/0c6romi9ma0is.js","/creators-assets/_next/static/immutable/chunks/3ohf-5_4hfjuq.js","/creators-assets/_next/static/immutable/chunks/2jjhfe7-w6y9a.js","/creators-assets/_next/static/immutable/chunks/325i2v5l4tnlq.js","/creators-assets/_next/static/immutable/chunks/0kisxyo3aw231.js","/creators-assets/_next/static/immutable/chunks/2b1mm8iiske-y.js","/creators-assets/_next/static/immutable/chunks/0i7m0zg6jfazw.js","/creators-assets/_next/static/immutable/chunks/3-hmotkz_bdv_.js","/creators-assets/_next/static/immutable/chunks/06bqtx1jsc1kz.js","/creators-assets/_next/static/immutable/chunks/3q5wansxm4vp6.js","/creators-assets/_next/static/immutable/chunks/14h9277o22-rl.js","/creators-assets/_next/static/immutable/chunks/3naniu4pnqfyw.js","/creators-assets/_next/static/immutable/chunks/2-y_r3u4wh2s3.js","/creators-assets/_next/static/immutable/chunks/456d4lcv9-syj.js","/creators-assets/_next/static/immutable/chunks/36-o7-3julke0.js","/creators-assets/_next/static/immutable/chunks/2xq6uu2rcdc2i.js","/creators-assets/_next/static/immutable/chunks/2y9gv91n8o3i9.js","/creators-assets/_next/static/immutable/chunks/41i4r4u9uolgz.js","/creators-assets/_next/static/immutable/chunks/02ciyo_cdpkrz.js","/creators-assets/_next/static/immutable/chunks/3e73rezw4k1a2.js","/creators-assets/_next/static/immutable/chunks/15q00pdqk0br3.js","/creators-assets/_next/static/immutable/chunks/293prjxu_wz0c.js","/creators-assets/_next/static/immutable/chunks/0l9v835j421-s.js","/creators-assets/_next/static/immutable/chunks/40oma2w708rd-.js","/creators-assets/_next/static/immutable/chunks/2x7-2b3jcc9x7.js","/creators-assets/_next/static/immutable/chunks/3_pg4jxj9aiiw.js","/creators-assets/_next/static/immutable/chunks/3k6sa9ujkqb5c.js","/creators-assets/_next/static/immutable/chunks/3l2h8slpbzxqo.js","/creators-assets/_next/static/immutable/chunks/2xgtw4s-tlhet.js","/creators-assets/_next/static/immutable/chunks/3b306xa-3tb7g.js","/creators-assets/_next/static/immutable/chunks/2fvzgkzqkig_w.js","/creators-assets/_next/static/immutable/chunks/3g6klxxyg4m8-.js","/creators-assets/_next/static/immutable/chunks/0qx5rzvbsd7bx.js","/creators-assets/_next/static/immutable/chunks/1cphzzg2t2qo2.js"],"PostDetailCard"] 5e:T9b1,

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.

1. Copy the URL and paste it into your Framer project.

2. Drag the Water Flow Background onto your canvas.

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

4. 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

5a:[["$","$L5d",null,{"post":{"id":"019cd936-1a94-7b74-b033-3b911a89e4eb","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"2a274f4e-85c0-4dcc-8c1f-0067e4d07fe6","name":"Atemo Art","slug":"atemo-art","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/1370640/avatar-GLnS5MpReVfqK7Z0vrVcf8j3EIQtnD.jpg","followed":false,"followsYou":false},"media":[],"resources":[{"id":"e9oCMlsNNQ5G3v4j5pDx","resolved":true,"title":"Liquid Flow Effect","body":"$5e","bodyJson":null,"introduction":" Fluid Water Ripple Distortion ","slug":"liquid-flow-effect","author":{"framerUserId":"2a274f4e-85c0-4dcc-8c1f-0067e4d07fe6","name":"Atemo Art","slug":"atemo-art","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/1370640/avatar-GLnS5MpReVfqK7Z0vrVcf8j3EIQtnD.jpg","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/e9oCMlsNNQ5G3v4j5pDx/waterflowbackground-22dKIYYEokgmSQ9BffXoBNDUS9QrQ1","metadata":{"tint":{"h":150,"s":29,"l":22},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-03-03T21:27:33.529Z","updatedAt":"2026-09-22T11:48:20.845Z","publishedAt":"2026-03-10T19:25:27.572Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://watter-flow-effect.framer.website/","price":"9","paymentUrl":"https://contra.com/payment-link/2Yvx2ZDX-fluid-water-ripple-distortion","workshop":true,"categories":[{"id":"1a3a0eb3-698e-461a-bf42-2502a7ed43e0","name":"Backgrounds","slug":"backgrounds"}],"lastSaveId":"XnqMZwxMli1hAapzAFuQ","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":4,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-03-10T19:25:27.572Z","updatedAt":"2026-03-10T19:25:27.572Z","reported":false}}],"$L5f"]

Suggested for you