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:T534,Hey everyone 👋 I just released Layerwave, a plugin that adds realtime WebGL effects to your Framer site — the kind of interactive distortion and refraction that normally needs a WebGL developer on the team. Two effects to start: Liquid Media: an image or video that deforms under the cursor: velocity-driven flow, chromatic aberration, idle motion. 6 presets. Glass Lens: a refractive pane of glass floating over your media: shaped silhouettes, dispersion, frost, highlights. 5 presets. How it works: browse the gallery, preview live, pick a preset, click Add to Canvas. The component installs itself into your project — no pasting code, no copying URLs — and every parameter stays editable from the property panel afterwards. Tweak a preset before inserting and it lands as Custom with all your values in the sliders. Built for real sites, not demos: pauses off-screen and on hidden tabs, lazy media loading, capped pixel ratio, automatic quality tiers, prefers-reduced-motion support, and a mobile off-switch. It's free while in beta. I'd genuinely love three things from you: rough edges you hit, and — most of all — links to what you make with it. That feedback decides which effect I build next. Finally, have fun with it! 👉 Get it via my profile 🌊 Try it live in your browser: https://layerwave.netlify.app/53:T534,Hey everyone 👋 I just released Layerwave, a plugin that adds realtime WebGL effects to your Framer site — the kind of interactive distortion and refraction that normally needs a WebGL developer on the team. Two effects to start: Liquid Media: an image or video that deforms under the cursor: velocity-driven flow, chromatic aberration, idle motion. 6 presets. Glass Lens: a refractive pane of glass floating over your media: shaped silhouettes, dispersion, frost, highlights. 5 presets. How it works: browse the gallery, preview live, pick a preset, click Add to Canvas. The component installs itself into your project — no pasting code, no copying URLs — and every parameter stays editable from the property panel afterwards. Tweak a preset before inserting and it lands as Custom with all your values in the sliders. Built for real sites, not demos: pauses off-screen and on hidden tabs, lazy media loading, capped pixel ratio, automatic quality tiers, prefers-reduced-motion support, and a mobile off-switch. It's free while in beta. I'd genuinely love three things from you: rough edges you hit, and — most of all — links to what you make with it. That feedback decides which effect I build next. Finally, have fun with it! 👉 Get it via my profile 🌊 Try it live in your browser: https://layerwave.netlify.app/54:T534,Hey everyone 👋 I just released Layerwave, a plugin that adds realtime WebGL effects to your Framer site — the kind of interactive distortion and refraction that normally needs a WebGL developer on the team. Two effects to start: Liquid Media: an image or video that deforms under the cursor: velocity-driven flow, chromatic aberration, idle motion. 6 presets. Glass Lens: a refractive pane of glass floating over your media: shaped silhouettes, dispersion, frost, highlights. 5 presets. How it works: browse the gallery, preview live, pick a preset, click Add to Canvas. The component installs itself into your project — no pasting code, no copying URLs — and every parameter stays editable from the property panel afterwards. Tweak a preset before inserting and it lands as Custom with all your values in the sliders. Built for real sites, not demos: pauses off-screen and on hidden tabs, lazy media loading, capped pixel ratio, automatic quality tiers, prefers-reduced-motion support, and a mobile off-switch. It's free while in beta. I'd genuinely love three things from you: rough edges you hit, and — most of all — links to what you make with it. That feedback decides which effect I build next. Finally, have fun with it! 👉 Get it via my profile 🌊 Try it live in your browser: https://layerwave.netlify.app/55:T534,Hey everyone 👋 I just released Layerwave, a plugin that adds realtime WebGL effects to your Framer site — the kind of interactive distortion and refraction that normally needs a WebGL developer on the team. Two effects to start: Liquid Media: an image or video that deforms under the cursor: velocity-driven flow, chromatic aberration, idle motion. 6 presets. Glass Lens: a refractive pane of glass floating over your media: shaped silhouettes, dispersion, frost, highlights. 5 presets. How it works: browse the gallery, preview live, pick a preset, click Add to Canvas. The component installs itself into your project — no pasting code, no copying URLs — and every parameter stays editable from the property panel afterwards. Tweak a preset before inserting and it lands as Custom with all your values in the sliders. Built for real sites, not demos: pauses off-screen and on hidden tabs, lazy media loading, capped pixel ratio, automatic quality tiers, prefers-reduced-motion support, and a mobile off-switch. It's free while in beta. I'd genuinely love three things from you: rough edges you hit, and — most of all — links to what you make with it. That feedback decides which effect I build next. Finally, have fun with it! 👉 Get it via my profile 🌊 Try it live in your browser: https://layerwave.netlify.app/56:T534,Hey everyone 👋 I just released Layerwave, a plugin that adds realtime WebGL effects to your Framer site — the kind of interactive distortion and refraction that normally needs a WebGL developer on the team. Two effects to start: Liquid Media: an image or video that deforms under the cursor: velocity-driven flow, chromatic aberration, idle motion. 6 presets. Glass Lens: a refractive pane of glass floating over your media: shaped silhouettes, dispersion, frost, highlights. 5 presets. How it works: browse the gallery, preview live, pick a preset, click Add to Canvas. The component installs itself into your project — no pasting code, no copying URLs — and every parameter stays editable from the property panel afterwards. Tweak a preset before inserting and it lands as Custom with all your values in the sliders. Built for real sites, not demos: pauses off-screen and on hidden tabs, lazy media loading, capped pixel ratio, automatic quality tiers, prefers-reduced-motion support, and a mobile off-switch. It's free while in beta. I'd genuinely love three things from you: rough edges you hit, and — most of all — links to what you make with it. That feedback decides which effect I build next. Finally, have fun with it! 👉 Get it via my profile 🌊 Try it live in your browser: https://layerwave.netlify.app/57:T534,Hey everyone 👋 I just released Layerwave, a plugin that adds realtime WebGL effects to your Framer site — the kind of interactive distortion and refraction that normally needs a WebGL developer on the team. Two effects to start: Liquid Media: an image or video that deforms under the cursor: velocity-driven flow, chromatic aberration, idle motion. 6 presets. Glass Lens: a refractive pane of glass floating over your media: shaped silhouettes, dispersion, frost, highlights. 5 presets. How it works: browse the gallery, preview live, pick a preset, click Add to Canvas. The component installs itself into your project — no pasting code, no copying URLs — and every parameter stays editable from the property panel afterwards. Tweak a preset before inserting and it lands as Custom with all your values in the sliders. Built for real sites, not demos: pauses off-screen and on hidden tabs, lazy media loading, capped pixel ratio, automatic quality tiers, prefers-reduced-motion support, and a mobile off-switch. It's free while in beta. I'd genuinely love three things from you: rough edges you hit, and — most of all — links to what you make with it. That feedback decides which effect I build next. Finally, have fun with it! 👉 Get it via my profile 🌊 Try it live in your browser: https://layerwave.netlify.app/58:T666,

Hey everyone 👋

New effect just landed: Magnetic Particles 🧲

Layerwave's third effect, and the one I redesigned until it earned its place. The rule it follows: your image stays intact until something disturbs it. Move the cursor through and the picture tears into particles — each one carrying the pixel it came from — flies out, and heals back the moment you leave.

6 presets: Iron Filings, Repulsor, Stardust, Sandstorm, Pixel Swarm, Portrait Mist

Emergence sets how easily the image gives up its pixels — from "sheds at a breath" to "solid until you push hard"

Cavity Color decides what shows where the image tore open — black reads as a punched hole; match your section background and the particles peel off the page

Scroll reactivity built in, so it animates on phones. Sandstorm is the scroll-led preset.

Also in this update: a fix that keeps every slider in sync with a running instance — changes now apply live in all three effects, no re-insert needed.

To update: open the plugin and insert once ("component updated" notice) — existing instances pick it up automatically.

Scroll + play: https://layerwave.netlify.app/

Have fun & show me what you make with it 👀

59:T627,

Hey everyone 👋

New in Layerwave: scroll-driven effects 🌊

Just shipped an update that adds scroll as an input alongside the cursor — which means the effects now animate on phones and tablets too, where there's no pointer to follow.

Two new presets:

Scroll Current (Liquid Media) — the image liquefies as the section travels past

Reading Glass (Glass Lens) — the lens holds its place on screen while the media scrolls beneath it

Two new sliders, available on any preset:

Scroll Influence on Liquid Media

Scroll Follow on Glass Lens

Both default to off, so your existing setups look exactly as they did — turn them up on any instance when you want scroll to drive it.

To get the update: open the plugin and insert an effect once. That rewrites the component file in your project (you'll get a "component updated" notice), and every existing instance picks up the new code. You can delete the throwaway instance afterwards — the updated code file stays. Instances you inserted as Custom keep their frozen values, by design.

👉 Get it via my profile

🌊 Try it live in your browser:

5a:T717,

Hey everyone 👋

I just released Layerwave, a plugin that adds realtime WebGL effects to your Framer site — the kind of interactive distortion and refraction that normally needs a WebGL developer on the team.

Two effects to start:

Liquid Media: an image or video that deforms under the cursor: velocity-driven flow, chromatic aberration, idle motion. 6 presets.

Glass Lens: a refractive pane of glass floating over your media: shaped silhouettes, dispersion, frost, highlights. 5 presets.

How it works: browse the gallery, preview live, pick a preset, click Add to Canvas. The component installs itself into your project — no pasting code, no copying URLs — and every parameter stays editable from the property panel afterwards. Tweak a preset before inserting and it lands as Custom with all your values in the sliders.

Built for real sites, not demos: pauses off-screen and on hidden tabs, lazy media loading, capped pixel ratio, automatic quality tiers, prefers-reduced-motion support, and a mobile off-switch.

It's free while in beta. I'd genuinely love three things from you: rough edges you hit, and — most of all — links to what you make with it. That feedback decides which effect I build next. Finally, have fun with it!

👉 Get it via my profile

🌊 Try it live in your browser: https://layerwave.netlify.app/

5b: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/

50:["$","$L51",null,{"value":{"fallback":{"$inf$activity-creator-9a2501f7-235e-45b0-9847-417fc01abc3e-all:/unified/creator/9a2501f7-235e-45b0-9847-417fc01abc3e/activity/":[{"data":[{"id":"019fe2fb-996e-7432-aef4-1b70c17273e4","type":"comment.reply","target":{"type":"post","id":"019fd267-b7b9-7458-b647-0866c8424c50","preview":"Layerwave","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/9a2501f7-235e-45b0-9847-417fc01abc3e/019fd267-8c0d-71b1-8b6d-e50bdff3e89e.jpg","targetDeleted":false,"owned":true,"actions":{"postId":"019fd267-b7b9-7458-b647-0866c8424c50","like":{"count":21,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"context":{"type":"comment","id":"019fe2fb-9947-766e-befc-b1d2c9177a0f","preview":"Thank you mate!","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Thank you mate!"}]}]},"thumbnail":null,"targetDeleted":false,"owned":true,"actions":{"postId":"019fd267-b7b9-7458-b647-0866c8424c50","like":{"count":0,"liked":false},"reply":{"parentCommentId":"019fe291-7394-7079-b0ce-a3808623607e"},"repost":null}},"actors":[{"id":"9a2501f7-235e-45b0-9847-417fc01abc3e","name":"Mathis Biabiany","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/9a2501f7-235e-45b0-9847-417fc01abc3e/5133y73y","slug":"mathis-biabiany","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-08-08T20:06:07.470Z","latestAt":"2026-08-08T20:06:07.470Z"},{"id":"019fe2fb-7c0d-774c-a88b-1ac42e4a3046","type":"comment.liked","target":{"type":"comment","id":"019fe291-7394-7079-b0ce-a3808623607e","preview":"so cool!!","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"so cool!!"}]}]},"thumbnail":null,"targetDeleted":false,"owned":false,"actions":{"postId":"019fd267-b7b9-7458-b647-0866c8424c50","like":{"count":1,"liked":false},"reply":{"parentCommentId":"019fe291-7394-7079-b0ce-a3808623607e"},"repost":null}},"context":{"type":"post","id":"019fd267-b7b9-7458-b647-0866c8424c50","preview":"Layerwave","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/9a2501f7-235e-45b0-9847-417fc01abc3e/019fd267-8c0d-71b1-8b6d-e50bdff3e89e.jpg","targetDeleted":false,"owned":true,"actions":{"postId":"019fd267-b7b9-7458-b647-0866c8424c50","like":{"count":21,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"actors":[{"id":"9a2501f7-235e-45b0-9847-417fc01abc3e","name":"Mathis Biabiany","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/9a2501f7-235e-45b0-9847-417fc01abc3e/5133y73y","slug":"mathis-biabiany","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-08-08T20:05:59.940Z","latestAt":"2026-08-08T20:05:59.940Z"},{"id":"019fd888-0545-76eb-b03b-eae0bbf3bc85","type":"comment.liked","target":{"type":"comment","id":"019fd825-3f09-745d-a40c-665d1885916a","preview":"👀","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"👀"}]}]},"thumbnail":null,"targetDeleted":false,"owned":false,"actions":{"postId":"019fd267-b7b9-7458-b647-0866c8424c50","like":{"count":1,"liked":false},"reply":{"parentCommentId":"019fd825-3f09-745d-a40c-665d1885916a"},"repost":null}},"context":{"type":"post","id":"019fd267-b7b9-7458-b647-0866c8424c50","preview":"Layerwave","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/9a2501f7-235e-45b0-9847-417fc01abc3e/019fd267-8c0d-71b1-8b6d-e50bdff3e89e.jpg","targetDeleted":false,"owned":true,"actions":{"postId":"019fd267-b7b9-7458-b647-0866c8424c50","like":{"count":21,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"actors":[{"id":"9a2501f7-235e-45b0-9847-417fc01abc3e","name":"Mathis Biabiany","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/9a2501f7-235e-45b0-9847-417fc01abc3e/5133y73y","slug":"mathis-biabiany","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-08-06T19:23:40.734Z","latestAt":"2026-08-06T19:23:40.734Z"},{"id":"019fd7df-2ae9-7258-9343-882827750d47","type":"comment.reply","target":{"type":"post","id":"019fd79d-592f-7796-a042-86112bcf0378","preview":"$52","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Hey everyone "},{"type":"emoji","attrs":{"name":"wave","emoji":"👋"}}]},{"type":"paragraph","content":[{"type":"text","text":"I just released "},{"type":"text","text":"Layerwave","marks":[{"type":"bold"}]},{"type":"text","text":", a plugin that adds realtime WebGL effects to your Framer site — the kind of interactive distortion and refraction that normally needs a WebGL developer on the team."}]},{"type":"paragraph","content":[{"type":"text","text":"Two effects to start:","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"Liquid Media","marks":[{"type":"bold"}]},{"type":"text","text":": an image or video that deforms under the cursor: velocity-driven flow, chromatic aberration, idle motion. 6 presets."}]},{"type":"paragraph","content":[{"type":"text","text":"Glass Lens","marks":[{"type":"bold"}]},{"type":"text","text":": a refractive pane of glass floating over your media: shaped silhouettes, dispersion, frost, highlights. 5 presets."}]},{"type":"paragraph","content":[{"type":"text","text":"How it works:","marks":[{"type":"bold"}]},{"type":"text","text":" browse the gallery, preview live, pick a preset, click "},{"type":"text","text":"Add to Canvas","marks":[{"type":"bold"}]},{"type":"text","text":". The component installs itself into your project — no pasting code, no copying URLs — and every parameter stays editable from the property panel afterwards. Tweak a preset before inserting and it lands as Custom with all your values in the sliders."}]},{"type":"paragraph","content":[{"type":"text","text":"Built for real sites, not demos:","marks":[{"type":"bold"}]},{"type":"text","text":" pauses off-screen and on hidden tabs, lazy media loading, capped pixel ratio, automatic quality tiers, "},{"type":"text","text":"prefers-reduced-motion","marks":[{"type":"code"}]},{"type":"text","text":" support, and a mobile off-switch."}]},{"type":"paragraph","content":[{"type":"text","text":"It's "},{"type":"text","text":"free while in beta","marks":[{"type":"bold"}]},{"type":"text","text":". I'd genuinely love three things from you: rough edges you hit, and — most of all — "},{"type":"text","text":"links to what you make with it","marks":[{"type":"bold"}]},{"type":"text","text":". That feedback decides which effect I build next. Finally, have fun with it!"}]},{"type":"paragraph","content":[{"type":"emoji","attrs":{"name":"point_right","emoji":"👉"}},{"type":"text","text":" Get it via my profile"}]},{"type":"paragraph","content":[{"type":"emoji","attrs":{"name":"ocean","emoji":"🌊"}},{"type":"text","text":" Try it live in your browser: "},{"type":"text","text":"https://layerwave.netlify.app/","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer","href":"https://layerwave.netlify.app/","target":"_blank"}}]}]}]},"thumbnail":"https://image.mux.com/ODMe4fi3bhi4fMj9QBPbdTpH9yb34rR02SzzXqhhTImE/thumbnail.webp?time=6.823","targetDeleted":false,"owned":true,"actions":{"postId":"019fd79d-592f-7796-a042-86112bcf0378","like":{"count":11,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":2,"reposted":false,"repostId":null}}},"context":{"type":"comment","id":"019fd7df-2acb-72e9-bfca-ee7d562dc44f","preview":"Great, thanks @Manoj! Looking forward to see what you'd do with it 😊","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Great, thanks "},{"type":"mention","attrs":{"id":"594780d4-ff3d-4ca7-98a7-8eedc2cf7e5f","slug":"kayozxo","label":"Manoj","mentionSuggestionChar":"@"}},{"type":"text","text":"! Looking forward to see what you'd do with it "},{"type":"emoji","attrs":{"name":"blush","emoji":"😊"}}]}]},"thumbnail":null,"targetDeleted":false,"owned":true,"actions":{"postId":"019fd79d-592f-7796-a042-86112bcf0378","like":{"count":0,"liked":false},"reply":{"parentCommentId":"019fd7c9-538e-7649-859a-09ffd62aaa75"},"repost":null}},"actors":[{"id":"9a2501f7-235e-45b0-9847-417fc01abc3e","name":"Mathis Biabiany","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/9a2501f7-235e-45b0-9847-417fc01abc3e/5133y73y","slug":"mathis-biabiany","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-08-06T16:19:14.793Z","latestAt":"2026-08-06T16:19:14.793Z"},{"id":"019fd7de-bdc9-73b8-b564-3b12d78afc68","type":"comment.liked","target":{"type":"comment","id":"019fd7c9-538e-7649-859a-09ffd62aaa75","preview":"cool!!! I'll definitely use this!","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"cool!!! I'll definitely use this!"}]}]},"thumbnail":null,"targetDeleted":false,"owned":false,"actions":{"postId":"019fd79d-592f-7796-a042-86112bcf0378","like":{"count":1,"liked":false},"reply":{"parentCommentId":"019fd7c9-538e-7649-859a-09ffd62aaa75"},"repost":null}},"context":{"type":"post","id":"019fd79d-592f-7796-a042-86112bcf0378","preview":"$53","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Hey everyone "},{"type":"emoji","attrs":{"name":"wave","emoji":"👋"}}]},{"type":"paragraph","content":[{"type":"text","text":"I just released "},{"type":"text","text":"Layerwave","marks":[{"type":"bold"}]},{"type":"text","text":", a plugin that adds realtime WebGL effects to your Framer site — the kind of interactive distortion and refraction that normally needs a WebGL developer on the team."}]},{"type":"paragraph","content":[{"type":"text","text":"Two effects to start:","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"Liquid Media","marks":[{"type":"bold"}]},{"type":"text","text":": an image or video that deforms under the cursor: velocity-driven flow, chromatic aberration, idle motion. 6 presets."}]},{"type":"paragraph","content":[{"type":"text","text":"Glass Lens","marks":[{"type":"bold"}]},{"type":"text","text":": a refractive pane of glass floating over your media: shaped silhouettes, dispersion, frost, highlights. 5 presets."}]},{"type":"paragraph","content":[{"type":"text","text":"How it works:","marks":[{"type":"bold"}]},{"type":"text","text":" browse the gallery, preview live, pick a preset, click "},{"type":"text","text":"Add to Canvas","marks":[{"type":"bold"}]},{"type":"text","text":". The component installs itself into your project — no pasting code, no copying URLs — and every parameter stays editable from the property panel afterwards. Tweak a preset before inserting and it lands as Custom with all your values in the sliders."}]},{"type":"paragraph","content":[{"type":"text","text":"Built for real sites, not demos:","marks":[{"type":"bold"}]},{"type":"text","text":" pauses off-screen and on hidden tabs, lazy media loading, capped pixel ratio, automatic quality tiers, "},{"type":"text","text":"prefers-reduced-motion","marks":[{"type":"code"}]},{"type":"text","text":" support, and a mobile off-switch."}]},{"type":"paragraph","content":[{"type":"text","text":"It's "},{"type":"text","text":"free while in beta","marks":[{"type":"bold"}]},{"type":"text","text":". I'd genuinely love three things from you: rough edges you hit, and — most of all — "},{"type":"text","text":"links to what you make with it","marks":[{"type":"bold"}]},{"type":"text","text":". That feedback decides which effect I build next. Finally, have fun with it!"}]},{"type":"paragraph","content":[{"type":"emoji","attrs":{"name":"point_right","emoji":"👉"}},{"type":"text","text":" Get it via my profile"}]},{"type":"paragraph","content":[{"type":"emoji","attrs":{"name":"ocean","emoji":"🌊"}},{"type":"text","text":" Try it live in your browser: "},{"type":"text","text":"https://layerwave.netlify.app/","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer","href":"https://layerwave.netlify.app/","target":"_blank"}}]}]}]},"thumbnail":"https://image.mux.com/ODMe4fi3bhi4fMj9QBPbdTpH9yb34rR02SzzXqhhTImE/thumbnail.webp?time=6.823","targetDeleted":false,"owned":true,"actions":{"postId":"019fd79d-592f-7796-a042-86112bcf0378","like":{"count":11,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":2,"reposted":false,"repostId":null}}},"actors":[{"id":"9a2501f7-235e-45b0-9847-417fc01abc3e","name":"Mathis Biabiany","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/9a2501f7-235e-45b0-9847-417fc01abc3e/5133y73y","slug":"mathis-biabiany","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-08-06T16:18:46.853Z","latestAt":"2026-08-06T16:18:46.853Z"},{"id":"019fd7ab-58af-70b3-a727-807adbb66a48","type":"comment.reply","target":{"type":"post","id":"019fd79d-592f-7796-a042-86112bcf0378","preview":"$54","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Hey everyone "},{"type":"emoji","attrs":{"name":"wave","emoji":"👋"}}]},{"type":"paragraph","content":[{"type":"text","text":"I just released "},{"type":"text","text":"Layerwave","marks":[{"type":"bold"}]},{"type":"text","text":", a plugin that adds realtime WebGL effects to your Framer site — the kind of interactive distortion and refraction that normally needs a WebGL developer on the team."}]},{"type":"paragraph","content":[{"type":"text","text":"Two effects to start:","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"Liquid Media","marks":[{"type":"bold"}]},{"type":"text","text":": an image or video that deforms under the cursor: velocity-driven flow, chromatic aberration, idle motion. 6 presets."}]},{"type":"paragraph","content":[{"type":"text","text":"Glass Lens","marks":[{"type":"bold"}]},{"type":"text","text":": a refractive pane of glass floating over your media: shaped silhouettes, dispersion, frost, highlights. 5 presets."}]},{"type":"paragraph","content":[{"type":"text","text":"How it works:","marks":[{"type":"bold"}]},{"type":"text","text":" browse the gallery, preview live, pick a preset, click "},{"type":"text","text":"Add to Canvas","marks":[{"type":"bold"}]},{"type":"text","text":". The component installs itself into your project — no pasting code, no copying URLs — and every parameter stays editable from the property panel afterwards. Tweak a preset before inserting and it lands as Custom with all your values in the sliders."}]},{"type":"paragraph","content":[{"type":"text","text":"Built for real sites, not demos:","marks":[{"type":"bold"}]},{"type":"text","text":" pauses off-screen and on hidden tabs, lazy media loading, capped pixel ratio, automatic quality tiers, "},{"type":"text","text":"prefers-reduced-motion","marks":[{"type":"code"}]},{"type":"text","text":" support, and a mobile off-switch."}]},{"type":"paragraph","content":[{"type":"text","text":"It's "},{"type":"text","text":"free while in beta","marks":[{"type":"bold"}]},{"type":"text","text":". I'd genuinely love three things from you: rough edges you hit, and — most of all — "},{"type":"text","text":"links to what you make with it","marks":[{"type":"bold"}]},{"type":"text","text":". That feedback decides which effect I build next. Finally, have fun with it!"}]},{"type":"paragraph","content":[{"type":"emoji","attrs":{"name":"point_right","emoji":"👉"}},{"type":"text","text":" Get it via my profile"}]},{"type":"paragraph","content":[{"type":"emoji","attrs":{"name":"ocean","emoji":"🌊"}},{"type":"text","text":" Try it live in your browser: "},{"type":"text","text":"https://layerwave.netlify.app/","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer","href":"https://layerwave.netlify.app/","target":"_blank"}}]}]}]},"thumbnail":"https://image.mux.com/ODMe4fi3bhi4fMj9QBPbdTpH9yb34rR02SzzXqhhTImE/thumbnail.webp?time=6.823","targetDeleted":false,"owned":true,"actions":{"postId":"019fd79d-592f-7796-a042-86112bcf0378","like":{"count":11,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":2,"reposted":false,"repostId":null}}},"context":{"type":"comment","id":"019fd7ab-5873-745d-966f-71c5b529c4c2","preview":"Nice one @Sabo Sugi – Mondragon Template for Digital Agencies! Thank you, I appreciate 🙏","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Nice one "},{"type":"mention","attrs":{"id":"6f1fa339-e254-4bb5-a7b0-7ca6bdd8815f","slug":"sabosugi","label":"Sabo Sugi – Mondragon Template for Digital Agencies","mentionSuggestionChar":"@"}},{"type":"text","text":"! Thank you, I appreciate "},{"type":"emoji","attrs":{"name":"pray","emoji":"🙏"}}]}]},"thumbnail":null,"targetDeleted":false,"owned":true,"actions":{"postId":"019fd79d-592f-7796-a042-86112bcf0378","like":{"count":1,"liked":false},"reply":{"parentCommentId":"019fd7a1-5cf1-70d0-8be6-e03b2ef3fcc8"},"repost":null}},"actors":[{"id":"9a2501f7-235e-45b0-9847-417fc01abc3e","name":"Mathis Biabiany","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/9a2501f7-235e-45b0-9847-417fc01abc3e/5133y73y","slug":"mathis-biabiany","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-08-06T15:22:38.639Z","latestAt":"2026-08-06T15:22:38.639Z"},{"id":"019fd7aa-f26c-737a-b07b-71d3988b75f9","type":"comment.liked","target":{"type":"comment","id":"019fd7a1-5cf1-70d0-8be6-e03b2ef3fcc8","preview":"Before I've created similar:\nhttps://mondragon-2.framer.website/demo-5/cases/montana\nGreat FX!","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Before I've created similar:"}]},{"type":"paragraph","content":[{"type":"text","text":"https://mondragon-2.framer.website/demo-5/cases/montana","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"https://mondragon-2.framer.website/demo-5/cases/montana","target":"_blank"}}]}]},{"type":"paragraph","content":[{"type":"text","text":"Great FX!"}]}]},"thumbnail":null,"targetDeleted":false,"owned":false,"actions":{"postId":"019fd79d-592f-7796-a042-86112bcf0378","like":{"count":1,"liked":false},"reply":{"parentCommentId":"019fd7a1-5cf1-70d0-8be6-e03b2ef3fcc8"},"repost":null}},"context":{"type":"post","id":"019fd79d-592f-7796-a042-86112bcf0378","preview":"$55","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Hey everyone "},{"type":"emoji","attrs":{"name":"wave","emoji":"👋"}}]},{"type":"paragraph","content":[{"type":"text","text":"I just released "},{"type":"text","text":"Layerwave","marks":[{"type":"bold"}]},{"type":"text","text":", a plugin that adds realtime WebGL effects to your Framer site — the kind of interactive distortion and refraction that normally needs a WebGL developer on the team."}]},{"type":"paragraph","content":[{"type":"text","text":"Two effects to start:","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"Liquid Media","marks":[{"type":"bold"}]},{"type":"text","text":": an image or video that deforms under the cursor: velocity-driven flow, chromatic aberration, idle motion. 6 presets."}]},{"type":"paragraph","content":[{"type":"text","text":"Glass Lens","marks":[{"type":"bold"}]},{"type":"text","text":": a refractive pane of glass floating over your media: shaped silhouettes, dispersion, frost, highlights. 5 presets."}]},{"type":"paragraph","content":[{"type":"text","text":"How it works:","marks":[{"type":"bold"}]},{"type":"text","text":" browse the gallery, preview live, pick a preset, click "},{"type":"text","text":"Add to Canvas","marks":[{"type":"bold"}]},{"type":"text","text":". The component installs itself into your project — no pasting code, no copying URLs — and every parameter stays editable from the property panel afterwards. Tweak a preset before inserting and it lands as Custom with all your values in the sliders."}]},{"type":"paragraph","content":[{"type":"text","text":"Built for real sites, not demos:","marks":[{"type":"bold"}]},{"type":"text","text":" pauses off-screen and on hidden tabs, lazy media loading, capped pixel ratio, automatic quality tiers, "},{"type":"text","text":"prefers-reduced-motion","marks":[{"type":"code"}]},{"type":"text","text":" support, and a mobile off-switch."}]},{"type":"paragraph","content":[{"type":"text","text":"It's "},{"type":"text","text":"free while in beta","marks":[{"type":"bold"}]},{"type":"text","text":". I'd genuinely love three things from you: rough edges you hit, and — most of all — "},{"type":"text","text":"links to what you make with it","marks":[{"type":"bold"}]},{"type":"text","text":". That feedback decides which effect I build next. Finally, have fun with it!"}]},{"type":"paragraph","content":[{"type":"emoji","attrs":{"name":"point_right","emoji":"👉"}},{"type":"text","text":" Get it via my profile"}]},{"type":"paragraph","content":[{"type":"emoji","attrs":{"name":"ocean","emoji":"🌊"}},{"type":"text","text":" Try it live in your browser: "},{"type":"text","text":"https://layerwave.netlify.app/","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer","href":"https://layerwave.netlify.app/","target":"_blank"}}]}]}]},"thumbnail":"https://image.mux.com/ODMe4fi3bhi4fMj9QBPbdTpH9yb34rR02SzzXqhhTImE/thumbnail.webp?time=6.823","targetDeleted":false,"owned":true,"actions":{"postId":"019fd79d-592f-7796-a042-86112bcf0378","like":{"count":11,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":2,"reposted":false,"repostId":null}}},"actors":[{"id":"9a2501f7-235e-45b0-9847-417fc01abc3e","name":"Mathis Biabiany","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/9a2501f7-235e-45b0-9847-417fc01abc3e/5133y73y","slug":"mathis-biabiany","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-08-06T15:22:12.439Z","latestAt":"2026-08-06T15:22:12.439Z"},{"id":"019fd7aa-e3d8-728e-bc4a-d6967e9f5bef","type":"comment.reply","target":{"type":"post","id":"019fd79d-592f-7796-a042-86112bcf0378","preview":"$56","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Hey everyone "},{"type":"emoji","attrs":{"name":"wave","emoji":"👋"}}]},{"type":"paragraph","content":[{"type":"text","text":"I just released "},{"type":"text","text":"Layerwave","marks":[{"type":"bold"}]},{"type":"text","text":", a plugin that adds realtime WebGL effects to your Framer site — the kind of interactive distortion and refraction that normally needs a WebGL developer on the team."}]},{"type":"paragraph","content":[{"type":"text","text":"Two effects to start:","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"Liquid Media","marks":[{"type":"bold"}]},{"type":"text","text":": an image or video that deforms under the cursor: velocity-driven flow, chromatic aberration, idle motion. 6 presets."}]},{"type":"paragraph","content":[{"type":"text","text":"Glass Lens","marks":[{"type":"bold"}]},{"type":"text","text":": a refractive pane of glass floating over your media: shaped silhouettes, dispersion, frost, highlights. 5 presets."}]},{"type":"paragraph","content":[{"type":"text","text":"How it works:","marks":[{"type":"bold"}]},{"type":"text","text":" browse the gallery, preview live, pick a preset, click "},{"type":"text","text":"Add to Canvas","marks":[{"type":"bold"}]},{"type":"text","text":". The component installs itself into your project — no pasting code, no copying URLs — and every parameter stays editable from the property panel afterwards. Tweak a preset before inserting and it lands as Custom with all your values in the sliders."}]},{"type":"paragraph","content":[{"type":"text","text":"Built for real sites, not demos:","marks":[{"type":"bold"}]},{"type":"text","text":" pauses off-screen and on hidden tabs, lazy media loading, capped pixel ratio, automatic quality tiers, "},{"type":"text","text":"prefers-reduced-motion","marks":[{"type":"code"}]},{"type":"text","text":" support, and a mobile off-switch."}]},{"type":"paragraph","content":[{"type":"text","text":"It's "},{"type":"text","text":"free while in beta","marks":[{"type":"bold"}]},{"type":"text","text":". I'd genuinely love three things from you: rough edges you hit, and — most of all — "},{"type":"text","text":"links to what you make with it","marks":[{"type":"bold"}]},{"type":"text","text":". That feedback decides which effect I build next. Finally, have fun with it!"}]},{"type":"paragraph","content":[{"type":"emoji","attrs":{"name":"point_right","emoji":"👉"}},{"type":"text","text":" Get it via my profile"}]},{"type":"paragraph","content":[{"type":"emoji","attrs":{"name":"ocean","emoji":"🌊"}},{"type":"text","text":" Try it live in your browser: "},{"type":"text","text":"https://layerwave.netlify.app/","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer","href":"https://layerwave.netlify.app/","target":"_blank"}}]}]}]},"thumbnail":"https://image.mux.com/ODMe4fi3bhi4fMj9QBPbdTpH9yb34rR02SzzXqhhTImE/thumbnail.webp?time=6.823","targetDeleted":false,"owned":true,"actions":{"postId":"019fd79d-592f-7796-a042-86112bcf0378","like":{"count":11,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":2,"reposted":false,"repostId":null}}},"context":{"type":"comment","id":"019fd7aa-e3b7-719e-80ac-6ef6daf8c336","preview":"Thank you @Shouvik Biswas! Please show me how it looks like then 😊","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Thank you "},{"type":"mention","attrs":{"id":"79aa6e64-5a90-4135-9e50-b93ce7c5a8a1","slug":"shouvik-biswas","label":"Shouvik Biswas","mentionSuggestionChar":"@"}},{"type":"text","text":"! Please show me how it looks like then "},{"type":"emoji","attrs":{"name":"blush","emoji":"😊"}}]}]},"thumbnail":null,"targetDeleted":false,"owned":true,"actions":{"postId":"019fd79d-592f-7796-a042-86112bcf0378","like":{"count":1,"liked":false},"reply":{"parentCommentId":"019fd7a7-ac1a-770b-8395-422eec023efa"},"repost":null}},"actors":[{"id":"9a2501f7-235e-45b0-9847-417fc01abc3e","name":"Mathis Biabiany","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/9a2501f7-235e-45b0-9847-417fc01abc3e/5133y73y","slug":"mathis-biabiany","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-08-06T15:22:08.728Z","latestAt":"2026-08-06T15:22:08.728Z"},{"id":"019fd7aa-0ef9-74ed-be43-89f6fbf29d01","type":"comment.liked","target":{"type":"comment","id":"019fd7a7-ac1a-770b-8395-422eec023efa","preview":"This looks sick man. Definitely gonna try on my templates.","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"This looks sick man. Definitely gonna try on my templates."}]}]},"thumbnail":null,"targetDeleted":false,"owned":false,"actions":{"postId":"019fd79d-592f-7796-a042-86112bcf0378","like":{"count":1,"liked":false},"reply":{"parentCommentId":"019fd7a7-ac1a-770b-8395-422eec023efa"},"repost":null}},"context":{"type":"post","id":"019fd79d-592f-7796-a042-86112bcf0378","preview":"$57","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Hey everyone "},{"type":"emoji","attrs":{"name":"wave","emoji":"👋"}}]},{"type":"paragraph","content":[{"type":"text","text":"I just released "},{"type":"text","text":"Layerwave","marks":[{"type":"bold"}]},{"type":"text","text":", a plugin that adds realtime WebGL effects to your Framer site — the kind of interactive distortion and refraction that normally needs a WebGL developer on the team."}]},{"type":"paragraph","content":[{"type":"text","text":"Two effects to start:","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"Liquid Media","marks":[{"type":"bold"}]},{"type":"text","text":": an image or video that deforms under the cursor: velocity-driven flow, chromatic aberration, idle motion. 6 presets."}]},{"type":"paragraph","content":[{"type":"text","text":"Glass Lens","marks":[{"type":"bold"}]},{"type":"text","text":": a refractive pane of glass floating over your media: shaped silhouettes, dispersion, frost, highlights. 5 presets."}]},{"type":"paragraph","content":[{"type":"text","text":"How it works:","marks":[{"type":"bold"}]},{"type":"text","text":" browse the gallery, preview live, pick a preset, click "},{"type":"text","text":"Add to Canvas","marks":[{"type":"bold"}]},{"type":"text","text":". The component installs itself into your project — no pasting code, no copying URLs — and every parameter stays editable from the property panel afterwards. Tweak a preset before inserting and it lands as Custom with all your values in the sliders."}]},{"type":"paragraph","content":[{"type":"text","text":"Built for real sites, not demos:","marks":[{"type":"bold"}]},{"type":"text","text":" pauses off-screen and on hidden tabs, lazy media loading, capped pixel ratio, automatic quality tiers, "},{"type":"text","text":"prefers-reduced-motion","marks":[{"type":"code"}]},{"type":"text","text":" support, and a mobile off-switch."}]},{"type":"paragraph","content":[{"type":"text","text":"It's "},{"type":"text","text":"free while in beta","marks":[{"type":"bold"}]},{"type":"text","text":". I'd genuinely love three things from you: rough edges you hit, and — most of all — "},{"type":"text","text":"links to what you make with it","marks":[{"type":"bold"}]},{"type":"text","text":". That feedback decides which effect I build next. Finally, have fun with it!"}]},{"type":"paragraph","content":[{"type":"emoji","attrs":{"name":"point_right","emoji":"👉"}},{"type":"text","text":" Get it via my profile"}]},{"type":"paragraph","content":[{"type":"emoji","attrs":{"name":"ocean","emoji":"🌊"}},{"type":"text","text":" Try it live in your browser: "},{"type":"text","text":"https://layerwave.netlify.app/","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer","href":"https://layerwave.netlify.app/","target":"_blank"}}]}]}]},"thumbnail":"https://image.mux.com/ODMe4fi3bhi4fMj9QBPbdTpH9yb34rR02SzzXqhhTImE/thumbnail.webp?time=6.823","targetDeleted":false,"owned":true,"actions":{"postId":"019fd79d-592f-7796-a042-86112bcf0378","like":{"count":11,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":2,"reposted":false,"repostId":null}}},"actors":[{"id":"9a2501f7-235e-45b0-9847-417fc01abc3e","name":"Mathis Biabiany","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/9a2501f7-235e-45b0-9847-417fc01abc3e/5133y73y","slug":"mathis-biabiany","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-08-06T15:21:14.228Z","latestAt":"2026-08-06T15:21:14.228Z"},{"id":"019fd776-41e0-702b-92f0-09b8628dec3b","type":"creator.followed","target":{"type":"creator","id":"db7a6821-a4ec-45fb-88fc-f791fbb3c977","preview":"Elemis Themes","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/db7a6821-a4ec-45fb-88fc-f791fbb3c977/vkpu3qsq","slug":"elemis-themes","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"9a2501f7-235e-45b0-9847-417fc01abc3e","name":"Mathis Biabiany","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/9a2501f7-235e-45b0-9847-417fc01abc3e/5133y73y","slug":"mathis-biabiany","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-08-06T14:24:39.386Z","latestAt":"2026-08-06T14:24:39.386Z"},{"id":"019fd776-2583-704e-910e-d00fb328872f","type":"creator.followed","target":{"type":"creator","id":"830039ba-56b1-42fc-a371-361e8f7a1e4c","preview":"RedDevs","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/70334/avatar-q9VjO21hdl19yEZkkQj3EgY306N2Yq.jpg","slug":"reddevs","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"9a2501f7-235e-45b0-9847-417fc01abc3e","name":"Mathis Biabiany","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/9a2501f7-235e-45b0-9847-417fc01abc3e/5133y73y","slug":"mathis-biabiany","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-08-06T14:24:32.120Z","latestAt":"2026-08-06T14:24:32.120Z"},{"id":"019fd267-ba1d-755d-9ce4-fdbac35b411b","type":"plugin.created","target":{"type":"plugin","id":"1437","preview":"Layerwave","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/9a2501f7-235e-45b0-9847-417fc01abc3e/019fd267-8c0d-71b1-8b6d-e50bdff3e89e.jpg","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"9a2501f7-235e-45b0-9847-417fc01abc3e","name":"Mathis Biabiany","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/9a2501f7-235e-45b0-9847-417fc01abc3e/5133y73y","slug":"mathis-biabiany","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"plugin","visibility":"public","startedAt":"2026-08-05T14:50:41.053Z","latestAt":"2026-08-05T14:50:41.053Z"}],"pagination":{"next":null,"previous":null},"totalCount":"$undefined","feedSession":"$undefined"}],"$inf$posts:9a2501f7-235e-45b0-9847-417fc01abc3e:/unified/posts/?creator=9a2501f7-235e-45b0-9847-417fc01abc3e&with=reposts":[{"data":[{"id":"01a04240-db18-7099-8c52-ee03f994a14f","title":null,"body":"$58","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Hey everyone "},{"type":"emoji","attrs":{"name":"wave","emoji":"👋"}}]},{"type":"paragraph","content":[{"type":"text","text":"New effect just landed: Magnetic Particles "},{"type":"emoji","attrs":{"name":"magnet","emoji":"🧲"}}]},{"type":"paragraph","content":[{"type":"text","text":"Layerwave's","marks":[{"type":"bold"}]},{"type":"text","text":" third effect, and the one I redesigned until it earned its place. The rule it follows: "},{"type":"text","text":"your image stays intact until something disturbs it.","marks":[{"type":"bold"}]},{"type":"text","text":" Move the cursor through and the picture tears into particles — each one carrying the pixel it came from — flies out, and heals back the moment you leave."}]},{"type":"paragraph","content":[{"type":"text","text":"6 presets","marks":[{"type":"bold"}]},{"type":"text","text":": Iron Filings, Repulsor, Stardust, Sandstorm, Pixel Swarm, Portrait Mist"}]},{"type":"paragraph","content":[{"type":"text","text":"Emergence","marks":[{"type":"bold"}]},{"type":"text","text":" sets how easily the image gives up its pixels — from \"sheds at a breath\" to \"solid until you push hard\""}]},{"type":"paragraph","content":[{"type":"text","text":"Cavity Color","marks":[{"type":"bold"}]},{"type":"text","text":" decides what shows where the image tore open — black reads as a punched hole; match your section background and the particles peel off the page"}]},{"type":"paragraph","content":[{"type":"text","text":"Scroll reactivity built in","marks":[{"type":"bold"}]},{"type":"text","text":", so it animates on phones. Sandstorm is the scroll-led preset."}]},{"type":"paragraph","content":[{"type":"text","text":"Also in this update: a fix that keeps every slider in sync with a running instance — changes now apply live in all three effects, no re-insert needed."}]},{"type":"paragraph","content":[{"type":"text","text":"To update: open the plugin and insert once (\"component updated\" notice) — existing instances pick it up automatically."}]},{"type":"paragraph","content":[{"type":"text","text":"Scroll + play: "},{"type":"text","text":"https://layerwave.netlify.app/","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"https://layerwave.netlify.app/","target":"_blank"}}]}]},{"type":"paragraph","content":[{"type":"text","text":"Have fun & show me what you make with it "},{"type":"emoji","attrs":{"name":"eyes","emoji":"👀"}}]}]},"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/u9DAUHpzEdMoHda02DGULV59I95Yw21Ko00wllAhuSx00g.m3u8","metadata":{"posterUrl":"https://image.mux.com/u9DAUHpzEdMoHda02DGULV59I95Yw21Ko00wllAhuSx00g/thumbnail.webp?time=1.539","aspectRatio":"481:270","duration":15.2}}],"resources":[],"contests":[],"categories":[{"id":"cf35162f-8406-49a9-a023-4c58024795ee","name":"General","slug":"general","description":"General","metaTitle":"General","metaDescription":"General"}],"tags":[],"likes":{"count":6,"liked":false},"comments":{"count":1},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-08-27T08:05:41.788Z","updatedAt":"2026-08-27T08:05:41.788Z"},{"id":"01a01f5a-3425-7186-bd8e-7318290de970","title":null,"body":"$59","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Hey everyone ","marks":[{"type":"bold"}]},{"type":"emoji","marks":[{"type":"bold"}],"attrs":{"name":"wave","emoji":"👋"}}]},{"type":"paragraph","content":[{"type":"text","text":"New in Layerwave: scroll-driven effects "},{"type":"emoji","attrs":{"name":"ocean","emoji":"🌊"}}]},{"type":"paragraph","content":[{"type":"text","text":"Just shipped an update that adds "},{"type":"text","text":"scroll","marks":[{"type":"bold"}]},{"type":"text","text":" as an input alongside the cursor — which means the effects now animate on phones and tablets too, where there's no pointer to follow."}]},{"type":"paragraph","content":[{"type":"text","text":"Two new presets:","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"Scroll Current","marks":[{"type":"bold"}]},{"type":"text","text":" (Liquid Media) — the image liquefies as the section travels past"}]},{"type":"paragraph","content":[{"type":"text","text":"Reading Glass","marks":[{"type":"bold"}]},{"type":"text","text":" (Glass Lens) — the lens holds its place on screen while the media scrolls beneath it"}]},{"type":"paragraph","content":[{"type":"text","text":"Two new sliders, available on any preset:","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"Scroll Influence","marks":[{"type":"italic"}]},{"type":"text","text":" on Liquid Media"}]},{"type":"paragraph","content":[{"type":"text","text":"Scroll Follow","marks":[{"type":"italic"}]},{"type":"text","text":" on Glass Lens"}]},{"type":"paragraph","content":[{"type":"text","text":"Both default to off, so your existing setups look exactly as they did — turn them up on any instance when you want scroll to drive it."}]},{"type":"paragraph","content":[{"type":"text","text":"To get the update:","marks":[{"type":"bold"}]},{"type":"text","text":" open the plugin and insert an effect once. That rewrites the component file in your project (you'll get a \"component updated\" notice), and every existing instance picks up the new code. You can delete the throwaway instance afterwards — the updated code file stays. Instances you inserted as "},{"type":"text","text":"Custom","marks":[{"type":"italic"}]},{"type":"text","text":" keep their frozen values, by design."}]},{"type":"paragraph","content":[{"type":"emoji","marks":[{"type":"bold"}],"attrs":{"name":"point_right","emoji":"👉"}},{"type":"text","text":" Get it via my profile","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"emoji","marks":[{"type":"bold"}],"attrs":{"name":"ocean","emoji":"🌊"}},{"type":"text","text":" Try it live in your browser: ","marks":[{"type":"bold"}]}]}]},"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":"link-preview","url":"https://layerwave.netlify.app/","metadata":{"title":"Layerwave — Realtime WebGL effects for Framer","description":"Interactive distortion and refraction for Framer sites, without writing code. Pick a preset, click Add to Canvas.","imageUrl":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/opengraph/3978cab1c9b67cb0/image.jpg","siteName":"Layerwave","faviconUrl":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/opengraph/3978cab1c9b67cb0/favicon.svg"}}],"resources":[],"contests":[],"categories":[{"id":"cf35162f-8406-49a9-a023-4c58024795ee","name":"General","slug":"general","description":"General","metaTitle":"General","metaDescription":"General"}],"tags":[],"likes":{"count":5,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-08-20T13:26:40.425Z","updatedAt":"2026-08-20T13:26:40.425Z"},{"id":"019fd79d-592f-7796-a042-86112bcf0378","title":null,"body":"$5a","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Hey everyone "},{"type":"emoji","attrs":{"name":"wave","emoji":"👋"}}]},{"type":"paragraph","content":[{"type":"text","text":"I just released "},{"type":"text","text":"Layerwave","marks":[{"type":"bold"}]},{"type":"text","text":", a plugin that adds realtime WebGL effects to your Framer site — the kind of interactive distortion and refraction that normally needs a WebGL developer on the team."}]},{"type":"paragraph","content":[{"type":"text","text":"Two effects to start:","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"Liquid Media","marks":[{"type":"bold"}]},{"type":"text","text":": an image or video that deforms under the cursor: velocity-driven flow, chromatic aberration, idle motion. 6 presets."}]},{"type":"paragraph","content":[{"type":"text","text":"Glass Lens","marks":[{"type":"bold"}]},{"type":"text","text":": a refractive pane of glass floating over your media: shaped silhouettes, dispersion, frost, highlights. 5 presets."}]},{"type":"paragraph","content":[{"type":"text","text":"How it works:","marks":[{"type":"bold"}]},{"type":"text","text":" browse the gallery, preview live, pick a preset, click "},{"type":"text","text":"Add to Canvas","marks":[{"type":"bold"}]},{"type":"text","text":". The component installs itself into your project — no pasting code, no copying URLs — and every parameter stays editable from the property panel afterwards. Tweak a preset before inserting and it lands as Custom with all your values in the sliders."}]},{"type":"paragraph","content":[{"type":"text","text":"Built for real sites, not demos:","marks":[{"type":"bold"}]},{"type":"text","text":" pauses off-screen and on hidden tabs, lazy media loading, capped pixel ratio, automatic quality tiers, "},{"type":"text","text":"prefers-reduced-motion","marks":[{"type":"code"}]},{"type":"text","text":" support, and a mobile off-switch."}]},{"type":"paragraph","content":[{"type":"text","text":"It's "},{"type":"text","text":"free while in beta","marks":[{"type":"bold"}]},{"type":"text","text":". I'd genuinely love three things from you: rough edges you hit, and — most of all — "},{"type":"text","text":"links to what you make with it","marks":[{"type":"bold"}]},{"type":"text","text":". That feedback decides which effect I build next. Finally, have fun with it!"}]},{"type":"paragraph","content":[{"type":"emoji","attrs":{"name":"point_right","emoji":"👉"}},{"type":"text","text":" Get it via my profile"}]},{"type":"paragraph","content":[{"type":"emoji","attrs":{"name":"ocean","emoji":"🌊"}},{"type":"text","text":" Try it live in your browser: "},{"type":"text","text":"https://layerwave.netlify.app/","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer","href":"https://layerwave.netlify.app/","target":"_blank"}}]}]}]},"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/ODMe4fi3bhi4fMj9QBPbdTpH9yb34rR02SzzXqhhTImE.m3u8","metadata":{"posterUrl":"https://image.mux.com/ODMe4fi3bhi4fMj9QBPbdTpH9yb34rR02SzzXqhhTImE/thumbnail.webp?time=6.823","aspectRatio":"4:3","duration":8.093311}},{"type":"video","url":"https://stream.mux.com/agiGHQ87WdFPMN2fgHdwydyCSySvSo1YNtuOrKbCs00Y.m3u8","metadata":{"posterUrl":"https://image.mux.com/agiGHQ87WdFPMN2fgHdwydyCSySvSo1YNtuOrKbCs00Y/thumbnail.webp?time=2.6","aspectRatio":"4:3","duration":9.726889}},{"type":"video","url":"https://stream.mux.com/lMcVNcR34jRUOrXHGv3XCpryWKr300cGNEcU24J00E01F8.m3u8","metadata":{"posterUrl":"https://image.mux.com/lMcVNcR34jRUOrXHGv3XCpryWKr300cGNEcU24J00E01F8/thumbnail.webp?time=3.201","aspectRatio":"4:3","duration":54.455878}}],"resources":[],"contests":[],"categories":[{"id":"cf35162f-8406-49a9-a023-4c58024795ee","name":"General","slug":"general","description":"General","metaTitle":"General","metaDescription":"General"}],"tags":[],"likes":{"count":11,"liked":false},"comments":{"count":6},"reposts":{"count":2,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-08-06T15:07:21.273Z","updatedAt":"2026-08-06T15:07:21.273Z"},{"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":"$5b","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"}],"pagination":{"next":null,"previous":null},"totalCount":"$undefined","feedSession":"$undefined"}]}},"children":"$L5c"}]