5c:I[333483,["/creators-assets/_next/static/immutable/chunks/356g_j0l71_46.js","/creators-assets/_next/static/immutable/chunks/3gx96u50v9idb.js","/creators-assets/_next/static/immutable/chunks/125_ce2ese0y_.js","/creators-assets/_next/static/immutable/chunks/2ii8lkleumgkk.js","/creators-assets/_next/static/immutable/chunks/1jubx4t_1hq7l.js","/creators-assets/_next/static/immutable/chunks/0c6romi9ma0is.js","/creators-assets/_next/static/immutable/chunks/069_m7850i8jf.js","/creators-assets/_next/static/immutable/chunks/03586ab1rea-b.js","/creators-assets/_next/static/immutable/chunks/19qq0hy3mz_vv.js","/creators-assets/_next/static/immutable/chunks/2oixy7hansmjm.js","/creators-assets/_next/static/immutable/chunks/2rczsbgoa3afm.js","/creators-assets/_next/static/immutable/chunks/2a63j-5qkrdf4.js","/creators-assets/_next/static/immutable/chunks/2504rifrkrd_l.js","/creators-assets/_next/static/immutable/chunks/0-lv0573a1cyl.js","/creators-assets/_next/static/immutable/chunks/3kkqflhmmpg9p.js","/creators-assets/_next/static/immutable/chunks/0ib-rcz4b0eq3.js","/creators-assets/_next/static/immutable/chunks/0mgwzh6o644jl.js","/creators-assets/_next/static/immutable/chunks/24gcuxpvxd8dy.js","/creators-assets/_next/static/immutable/chunks/0xd4yj8g3g-ci.js","/creators-assets/_next/static/immutable/chunks/2-y_r3u4wh2s3.js","/creators-assets/_next/static/immutable/chunks/3vd9_7_mqx0kl.js","/creators-assets/_next/static/immutable/chunks/3l37d07td4kzk.js","/creators-assets/_next/static/immutable/chunks/14h9277o22-rl.js","/creators-assets/_next/static/immutable/chunks/3nw4q_evu8ge1.js","/creators-assets/_next/static/immutable/chunks/02ciyo_cdpkrz.js","/creators-assets/_next/static/immutable/chunks/2qsfz_74auu2_.js","/creators-assets/_next/static/immutable/chunks/1xkjm3oyldl_r.js","/creators-assets/_next/static/immutable/chunks/16d5vpfsnfybw.js","/creators-assets/_next/static/immutable/chunks/3yfgkb3cck8zt.js","/creators-assets/_next/static/immutable/chunks/0rfcd366io6r9.js","/creators-assets/_next/static/immutable/chunks/2r15b2hek61lg.js","/creators-assets/_next/static/immutable/chunks/3kyaj4hrugjs0.js","/creators-assets/_next/static/immutable/chunks/14pxn0b6e1dc9.js","/creators-assets/_next/static/immutable/chunks/2ryuxt_mk774w.js","/creators-assets/_next/static/immutable/chunks/3o1z26bd2_9eh.js","/creators-assets/_next/static/immutable/chunks/3eh5q_6ksmw0l.js","/creators-assets/_next/static/immutable/chunks/19r4rf2zyng-y.js","/creators-assets/_next/static/immutable/chunks/0pc9t50m5x90i.js","/creators-assets/_next/static/immutable/chunks/2ee50z0bknh40.js","/creators-assets/_next/static/immutable/chunks/3f4d4x4z1mrzh.js","/creators-assets/_next/static/immutable/chunks/2rdaqkxiyeq_6.js","/creators-assets/_next/static/immutable/chunks/0e-wwv74y78f7.js","/creators-assets/_next/static/immutable/chunks/2qeyp4zfa4qwb.js"],"PostDetailCard"] 5d:T587,

Layerwave adds production-ready realtime WebGL effects to your Framer site — interactive distortion and refraction that normally need shaders development.

Browse the effect gallery, preview it live, pick an art-directed preset, and click Add to Canvas. The component is installed into your project automatically — you never paste code or copy a URL. Every parameter stays editable from Framer's property panel afterwards.

Included • Liquid Media — an image or video deformed by cursor movement, with velocity-driven flow, chromatic aberration and idle motion. 6 presets. • Glass Lens — a refractive glass surface with shaped silhouettes, dispersion, frost, contour and highlights. 5 presets.

Built for production • Pauses when off-screen or when the tab is hidden • Lazy media loading, capped device pixel ratio, automatic quality tiers • Respects prefers-reduced-motion, with an optional mobile off switch • Full GPU cleanup — no leaks when instances are added and removed

Effects render on the canvas as static media so the editor stays fast; flip Canvas Preview on any instance to art-direct it live. Glass Lens refracts the media you give it. Requires WebGL2.

Try it live here → https://layerwave.netlify.app/

59:[["$","$L5c",null,{"post":{"id":"019fd267-b7b9-7458-b647-0866c8424c50","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"9a2501f7-235e-45b0-9847-417fc01abc3e","name":"Mathis Biabiany","slug":"mathis-biabiany","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/9a2501f7-235e-45b0-9847-417fc01abc3e/5133y73y","followed":false,"followsYou":false},"media":[],"resources":[{"id":"1437","resolved":true,"title":"Layerwave","body":"$5d","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Layerwave adds production-ready realtime WebGL effects to your Framer site — interactive distortion and refraction that normally need shaders development."}]},{"type":"paragraph","content":[{"type":"text","text":"Browse the effect gallery, preview it live, pick an art-directed preset, and click Add to Canvas. The component is installed into your project automatically — you never paste code or copy a URL. Every parameter stays editable from Framer's property panel afterwards."}]},{"type":"paragraph","content":[{"type":"text","text":"Included","marks":[{"type":"bold"}]},{"type":"text","text":" • Liquid Media — an image or video deformed by cursor movement, with velocity-driven flow, chromatic aberration and idle motion. 6 presets. • Glass Lens — a refractive glass surface with shaped silhouettes, dispersion, frost, contour and highlights. 5 presets."}]},{"type":"paragraph","content":[{"type":"text","text":"Built for production","marks":[{"type":"bold"}]},{"type":"text","text":" • Pauses when off-screen or when the tab is hidden • Lazy media loading, capped device pixel ratio, automatic quality tiers • Respects prefers-reduced-motion, with an optional mobile off switch • Full GPU cleanup — no leaks when instances are added and removed"}]},{"type":"paragraph","content":[{"type":"text","text":"Effects render on the canvas as static media so the editor stays fast; flip Canvas Preview on any instance to art-direct it live. Glass Lens refracts the media you give it. Requires WebGL2."}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"Try it live here → "},{"type":"text","text":"https://layerwave.netlify.app/","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer","href":"https://layerwave.netlify.app/","target":"_blank"}}]}]}]},"introduction":"Realtime WebGL effects for Framer","slug":"layerwave","author":{"framerUserId":"9a2501f7-235e-45b0-9847-417fc01abc3e","name":"Mathis Biabiany","slug":"mathis-biabiany","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/9a2501f7-235e-45b0-9847-417fc01abc3e/5133y73y","followed":false,"followsYou":false},"media":[{"type":"video","url":"https://stream.mux.com/4EWP7K11Cpt02njiW1istFyRuDN01PrFn3vfvt902oEjVE.m3u8","metadata":{"posterUrl":"https://image.mux.com/4EWP7K11Cpt02njiW1istFyRuDN01PrFn3vfvt902oEjVE/thumbnail.webp?time=5.841","aspectRatio":"40:27","duration":8.844489}},{"type":"video","url":"https://stream.mux.com/0100jWB7XeilHMDFa5zz7YKYHBSsjBJaxrBPJEsRWXZto.m3u8","metadata":{"posterUrl":"https://image.mux.com/0100jWB7XeilHMDFa5zz7YKYHBSsjBJaxrBPJEsRWXZto/thumbnail.webp?time=6.467","aspectRatio":"4:3","duration":9.726889}},{"type":"video","url":"https://stream.mux.com/etgMoZQDVTMQtQJ2s98DXwcWDrg3pZjJ6s029trQstPw.m3u8","metadata":{"posterUrl":"https://image.mux.com/etgMoZQDVTMQtQJ2s98DXwcWDrg3pZjJ6s029trQstPw/thumbnail.webp?time=7.251","aspectRatio":"4:3","duration":12.020867}},{"type":"video","url":"https://stream.mux.com/yAkjdwFPA02Mfsc9PMCqIL02j0100PhBv00wcnHsfHw6Pe6E.m3u8","metadata":{"posterUrl":"https://image.mux.com/yAkjdwFPA02Mfsc9PMCqIL02j0100PhBv00wcnHsfHw6Pe6E/thumbnail.webp?time=3.201","aspectRatio":"4:3","duration":54.455878}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/9a2501f7-235e-45b0-9847-417fc01abc3e/019fd267-8c0d-71b1-8b6d-e50bdff3e89e.jpg","metadata":{"tint":{"h":60,"s":53,"l":39},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-08-05T14:50:39.985Z","updatedAt":"2026-08-24T19:50:45.801Z","publishedAt":"2026-08-24T19:50:45.769Z","featuredAt":null,"approvedAt":null,"type":"plugin","attributes":{"framerPluginId":"cvmflrtyf5cxc1nhgerhxsz17","paid":false,"categories":[{"id":"676f63da-b192-4974-930d-73185802088a","name":"Media","slug":"media"}],"tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":21,"liked":false},"comments":{"count":5},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-08-05T14:50:40.442Z","updatedAt":"2026-08-05T14:50:40.442Z","reported":false}}],"$L5e"]

Suggested for you