51:I[267044,["/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/3z6ke99nzr4_e.js","/creators-assets/_next/static/immutable/chunks/3e73rezw4k1a2.js","/creators-assets/_next/static/immutable/chunks/40oma2w708rd-.js","/creators-assets/_next/static/immutable/chunks/1fkcqskfw4hol.js","/creators-assets/_next/static/immutable/chunks/3ixl4aqv6ylo7.js","/creators-assets/_next/static/immutable/chunks/2x7-2b3jcc9x7.js","/creators-assets/_next/static/immutable/chunks/2di2v55rtz-8i.js","/creators-assets/_next/static/immutable/chunks/3_pg4jxj9aiiw.js","/creators-assets/_next/static/immutable/chunks/0l9v835j421-s.js","/creators-assets/_next/static/immutable/chunks/0qx5rzvbsd7bx.js","/creators-assets/_next/static/immutable/chunks/3b306xa-3tb7g.js","/creators-assets/_next/static/immutable/chunks/3g6klxxyg4m8-.js","/creators-assets/_next/static/immutable/chunks/2fvzgkzqkig_w.js","/creators-assets/_next/static/immutable/chunks/00owjoob9gqs9.js","/creators-assets/_next/static/immutable/chunks/3k6sa9ujkqb5c.js"],"S"] 52:Tad2,

✨ About this Component

Pro Liquid Shader transforms any static image into a living, interactive surface that reacts to cursor movement, touch, and clicks. Built with real-time distortion, refraction, and fluid-style physics, it creates a sense of depth, viscosity, and energy directly inside your layout, without requiring WebGL knowledge.

The effect can be subtle and elegant or bold and expressive, making it suitable for both minimal product design and experimental digital art direction.

💎 Key Features

Easy editing inside Framer
Fully controllable through Framer’s property panel. No code needed.
Cursor-driven fluid distortion
Movement generates natural ripples and displacement that follow the pointer with smooth physical falloff, creating an organic response instead of a mechanical hover effect.
Realistic refraction and light splitting
Simulated refraction shifts pixels like light passing through glass or liquid, adding chromatic separation and optical depth.
Click-based shockwaves
Clicks inject localized energy into the surface, producing impact waves that propagate outward like touching water.
Continuous ambient motion
Even without interaction, the surface gently flows to avoid feeling static, giving hero sections and showcases a premium, living quality.
Highly art-directable behavior
Every parameter can be tuned, from calm and viscous motion to sharp, elastic distortion, allowing the shader to match different brand personalities.
Touch-ready interaction
Designed to feel natural on both desktop and mobile environments, responding to drag and touch input.
Performance-conscious implementation
Runs efficiently with GPU-friendly calculations, optimized for real-world websites rather than experimental demos.
No external dependencies

🎛️ Component Settings

✔️ Perfect For

Hero sections that need to feel premium and tactile
Landing pages, portfolios, and product showcases
Interactive storytelling layouts
Adding depth and motion without building heavy 3D scenes

After purchase, you’ll receive a Component link.

Copy the link and paste it into your Framer project to instantly add the component.

50:["$","$L51",null,{"value":{"fallback":{"$inf$activity-creator-330f8891-d471-4552-b70c-c83acefd8450-all:/unified/creator/330f8891-d471-4552-b70c-c83acefd8450/activity/":[{"data":[],"pagination":{"next":null,"previous":null},"totalCount":"$undefined","feedSession":"$undefined"}],"$inf$posts:330f8891-d471-4552-b70c-c83acefd8450:/unified/posts/?creator=330f8891-d471-4552-b70c-c83acefd8450&with=reposts":[{"data":[{"id":"019f86a8-acff-721f-b097-2f381bf3bb54","title":null,"body":"

Hi everyone! Not sure if this is the right place to ask after the Community changes, but we're having an issue with one of our Marketplace components.

In our creator dashboard, the component is marked as “Reported Content” and appears blurred, even though we haven't received any notification or explanation as to why. It also no longer appears in Marketplace search results.

We've attached a screenshot below. Has anyone experienced this before or know what might be causing it? Is there anything we need to do, or is this something the Framer team needs to resolve?

Thanks!

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Hi everyone! Not sure if this is the right place to ask after the Community changes, but we're having an issue with one of our Marketplace components."}]},{"type":"paragraph","content":[{"type":"text","text":"In our creator dashboard, the component is marked as "},{"type":"text","text":"“Reported Content”","marks":[{"type":"bold"}]},{"type":"text","text":" and appears blurred, even though we haven't received any notification or explanation as to why. It also no longer appears in Marketplace search results."}]},{"type":"paragraph","content":[{"type":"text","text":"We've attached a screenshot below. Has anyone experienced this before or know what might be causing it? Is there anything we need to do, or is this something the Framer team needs to resolve?"}]},{"type":"paragraph","content":[{"type":"text","text":"Thanks!"}]}]},"author":{"framerUserId":"330f8891-d471-4552-b70c-c83acefd8450","name":"Syncrely Studio","slug":"syncrely-studio","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/432340/avatar-q0T4d77BJWIT1zXiOzAmdAXetbezBx.jpg","badges":["available","studio"],"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/330f8891-d471-4552-b70c-c83acefd8450/019f86a7-b9c8-7243-8284-ac2d510e62f5.png","metadata":{"tint":{"h":0,"s":0,"l":3},"width":2540,"height":1614}}],"resources":[],"contests":[],"categories":[{"id":"cf35162f-8406-49a9-a023-4c58024795ee","name":"General","slug":"general","description":"General","metaTitle":"General","metaDescription":"General"}],"tags":[],"likes":{"count":15,"liked":false},"comments":{"count":6},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-07-21T21:50:29.124Z","updatedAt":"2026-07-21T21:50:29.124Z"},{"id":"019c706e-169a-70fd-91be-5616a50bc36e","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"330f8891-d471-4552-b70c-c83acefd8450","name":"Syncrely Studio","slug":"syncrely-studio","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/432340/avatar-q0T4d77BJWIT1zXiOzAmdAXetbezBx.jpg","badges":["available","studio"],"followed":false,"followsYou":false},"media":[],"resources":[{"id":"WdUg1QbUOlDRu8f4urq1","resolved":true,"title":"Pro Liquid Shader","body":"$52","bodyJson":null,"introduction":"Fluid cursor-driven image distortion","slug":"pro-liquid-shader","author":{"framerUserId":"330f8891-d471-4552-b70c-c83acefd8450","name":"Syncrely Studio","slug":"syncrely-studio","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/432340/avatar-q0T4d77BJWIT1zXiOzAmdAXetbezBx.jpg","badges":["available","studio"],"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/WdUg1QbUOlDRu8f4urq1/pro-liquid-shader-9vxAUBnqTYbtzftlIMASzXyylrLXF5","metadata":{"tint":{"h":0,"s":0,"l":3},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-02-12T22:50:15.788Z","updatedAt":"2026-04-09T11:07:31.372Z","publishedAt":"2026-02-18T11:06:28.890Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://pro-liquid-shader.framer.website/","price":"9","paymentUrl":"https://syncrely.lemonsqueezy.com/checkout/buy/7f4bcd02-508c-4345-9b55-2d0690d9cc71","workshop":false,"categories":[{"id":"323e97d6-f443-488c-8661-794a9a83a20f","name":"Effects","slug":"effects"}],"lastSaveId":"Ki92X1yQcEIxBNZqZC9V","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":45,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-02-18T11:06:28.890Z","updatedAt":"2026-02-18T11:06:28.890Z"},{"id":"0199ab94-03fb-7a4f-8f1a-ed52738be864","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"330f8891-d471-4552-b70c-c83acefd8450","name":"Syncrely Studio","slug":"syncrely-studio","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/432340/avatar-q0T4d77BJWIT1zXiOzAmdAXetbezBx.jpg","badges":["available","studio"],"followed":false,"followsYou":false},"media":[],"resources":[{"id":"8650","resolved":true,"title":"Zoe Wolker Website","body":null,"bodyJson":null,"introduction":"Website design for an architect and furniture designer.","slug":"zoe-wolker-website","author":{"framerUserId":"330f8891-d471-4552-b70c-c83acefd8450","name":"Syncrely Studio","slug":"syncrely-studio","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/432340/avatar-q0T4d77BJWIT1zXiOzAmdAXetbezBx.jpg","badges":["available","studio"],"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/sites/8650/thumbnail-L3cIE4fBTqbhVk3n6mxxHwyk9Kdgub.jpg","metadata":{"tint":{"h":0,"s":0,"l":58},"width":1600,"height":1200}}],"post":null,"createdAt":"2025-10-03T19:37:08.345Z","updatedAt":"2025-10-03T19:37:08.345Z","publishedAt":"2025-10-03T19:37:08.347Z","featuredAt":null,"approvedAt":null,"type":"site","attributes":{"url":"https://zoewolker.com/","categories":[{"id":"6a730e3d-bdf2-42a2-ab42-eee5ef39b694","name":"Portfolio","slug":"portfolio"},{"id":"cb1ce5d0-8749-428e-b0d8-917786928ffd","name":"Personal","slug":"personal"}],"mainCategory":null,"tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":3,"liked":false},"comments":{"count":1},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2025-10-03T19:37:08.347Z","updatedAt":"2025-10-03T19:37:08.347Z"}],"pagination":{"next":null,"previous":null},"totalCount":"$undefined","feedSession":"$undefined"}]}},"children":"$L53"}]