61:I[267044,["/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/3o5qsyzxffd89.js","/creators-assets/_next/static/immutable/chunks/0sdd6rzuigoor.js","/creators-assets/_next/static/immutable/chunks/04onqby6uwgz7.js","/creators-assets/_next/static/immutable/chunks/16d5vpfsnfybw.js","/creators-assets/_next/static/immutable/chunks/3f4d4x4z1mrzh.js","/creators-assets/_next/static/immutable/chunks/0yulab_mho2q7.js","/creators-assets/_next/static/immutable/chunks/3_6nvj55e699g.js","/creators-assets/_next/static/immutable/chunks/2r15b2hek61lg.js","/creators-assets/_next/static/immutable/chunks/14pxn0b6e1dc9.js","/creators-assets/_next/static/immutable/chunks/0pc9t50m5x90i.js","/creators-assets/_next/static/immutable/chunks/3fyhezch4qqad.js","/creators-assets/_next/static/immutable/chunks/3eh5q_6ksmw0l.js","/creators-assets/_next/static/immutable/chunks/2rdaqkxiyeq_6.js","/creators-assets/_next/static/immutable/chunks/2qeyp4zfa4qwb.js","/creators-assets/_next/static/immutable/chunks/0v2aom8xv86j9.js","/creators-assets/_next/static/immutable/chunks/19r4rf2zyng-y.js","/creators-assets/_next/static/immutable/chunks/0s-n7u5-dwtml.js"],"S"] 62:T888,

CanvasFX Pro lets you design living, on-brand backgrounds and hero visuals directly in Framer—no external libs, no shaders. Pick from 30+ effects (swirls, rings, turbulence, plasma, moiré, shockwave, and more), choose a shape style (square, rounded, circle, diamond, ring, hex, triangle, star, cross), then fine-tune tiles, color, blending, and motion. Everything is container-responsive with optional aspect ratio and min height so it behaves perfectly in auto-layout pages.

Under the hood, CanvasFX Pro is built for real-world performance: MaxTiles caps tile count intelligently, Quality renders at a scaled back buffer, Fast mode trims per-tile rotations, gradients are computed once per frame, and calculations run only when needed. The result: rich motion graphics that still feel snappy in Framer preview and on your published site.

Recommended performance presets

Smooth & light: Engine → Mode Fast, Quality 0.75, MaxTiles 8000; Grid → Density 36–50; Color → Blend source-over.
Glow look: Color → Blend screen or lighter; keep Density ≤ 48; Engine → Quality 0.8.
Graphic/crisp: Shapes → Square/Rounded, Stroke Off, Color → Palette, Alpha 1.0, Blend source-over.

Usage

Add the code component to your project and drop it on the canvas.
If your parent frame uses auto height, set Layout → Aspect or Min Height.
Pick an Effect, tweak FX1–FX4, choose Color mode, and dial Grid/Shapes.
For heavy blends or large frames, tune Engine → Quality, MaxTiles, and Mode to keep 60 FPS.

60:["$","$L61",null,{"value":{"fallback":{"$inf$activity-creator-bff3951c-3dae-44f7-82f5-07350eccff15-all:/unified/creator/bff3951c-3dae-44f7-82f5-07350eccff15/activity/":[{"data":[{"id":"019ff349-47f7-7019-9298-caee280b31b8","type":"post.liked","target":{"type":"post","id":"019fe6bd-ca9f-7736-9ca5-b60ae045c2f6","preview":"Weekend exploration pt2!\nI developed a Framer component that distorts live page content directly beneath it, creating a vertical liquid-glass effect with mirrored stretching, chromatic aberration, and a gradient blur layer on top.\nIt works as a 100vh overlay that you put in a fixed position over you page and it will distort the top and bottom of your page. I unfortunately couldn't make it work on mobile or Safari since every iOS browser (including Chrome) uses Safari’s engine, which doesn’t support the SVG filters this liquid distortion needs.\nThe component was inspired by the site gionatannese.com that used html2canvas to create a similar distortion. Since that approach wasn’t feasible in Framer, I replicated the effect as closely as possible using only SVG filters and CSS backdrop effects.Took quite a bit of time to get it to do the trick but overall i'm happy with the results!\nSee it live here : https://moneta-liquid-glass.framer.website/","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Weekend exploration pt2!"}]},{"type":"paragraph","content":[{"type":"text","text":"I developed a Framer component that distorts live page content directly beneath it, creating a vertical liquid-glass effect with mirrored stretching, chromatic aberration, and a gradient blur layer on top."}]},{"type":"paragraph","content":[{"type":"text","text":"It works as a 100vh overlay that you put in a fixed position over you page and it will distort the top and bottom of your page. "},{"type":"text","text":"I unfortunately couldn't make it work on mobile","marks":[{"type":"bold"}]},{"type":"text","text":" "},{"type":"text","text":"or Safari","marks":[{"type":"bold"}]},{"type":"text","text":" since every iOS browser (including Chrome) uses Safari’s engine, which doesn’t support the SVG filters this liquid distortion needs."}]},{"type":"paragraph","content":[{"type":"text","text":"The component was inspired by the site gionatannese.com that used html2canvas to create a similar distortion. Since that approach wasn’t feasible in Framer, I replicated the effect as closely as possible using only SVG filters and CSS backdrop effects.Took quite a bit of time to get it to do the trick but overall i'm happy with the results!"}]},{"type":"paragraph","content":[{"type":"text","text":"See it live here : "},{"type":"text","text":"https://moneta-liquid-glass.framer.website/","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"https://moneta-liquid-glass.framer.website/","target":"_blank"}}]}]}]},"thumbnail":"https://image.mux.com/01G40102GgB9Np4DW37AXWYJaDndYYMMM009a7Zw02u8Wm7Y/thumbnail.webp?time=11.867","targetDeleted":false,"owned":false,"actions":{"postId":"019fe6bd-ca9f-7736-9ca5-b60ae045c2f6","like":{"count":15,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"context":null,"actors":[{"id":"bff3951c-3dae-44f7-82f5-07350eccff15","name":"Otvos","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/29541/avatar-PqhQFb6rPyqaZSwbe70ekjT9bJ7rHx.jpg","slug":"otvos","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-08-12T00:04:58.175Z","latestAt":"2026-08-12T00:04:58.175Z"},{"id":"019fb399-95d2-70de-a5b4-6d12114d6da9","type":"comment.reply","target":{"type":"post","id":"019c973d-e454-7b81-986a-2592e9d139ad","preview":"CMS_COUNTER","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/zVODxiAkt1T67kXKhHq5/cms-counter-XGkjrZuzBIiKv6veiUKSN9p6XgDnbF","targetDeleted":false,"owned":true,"actions":{"postId":"019c973d-e454-7b81-986a-2592e9d139ad","like":{"count":17,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"context":{"type":"comment","id":"019fb399-95ac-776b-8e43-4546477cdf9a","preview":"Check this video is really easy to set up \nhttps://www.youtube.com/watch?v=NvLC6r3wWFc&t=24s","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Check this video is really easy to set up "}]},{"type":"paragraph","content":[{"type":"text","text":"https://www.youtube.com/watch?v=NvLC6r3wWFc&t=24s","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"https://www.youtube.com/watch?v=NvLC6r3wWFc&t=24s","target":"_blank"}}]},{"type":"text","text":" "}]}]},"thumbnail":null,"targetDeleted":false,"owned":true,"actions":{"postId":"019c973d-e454-7b81-986a-2592e9d139ad","like":{"count":0,"liked":false},"reply":{"parentCommentId":"019fb1e9-d7a3-777f-a92d-c34e798a27b2"},"repost":null}},"actors":[{"id":"bff3951c-3dae-44f7-82f5-07350eccff15","name":"Otvos","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/29541/avatar-PqhQFb6rPyqaZSwbe70ekjT9bJ7rHx.jpg","slug":"otvos","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-07-30T15:16:54.866Z","latestAt":"2026-07-30T15:16:54.866Z"},{"id":"019ef461-0a56-740b-89a7-fbbabf825cce","type":"creator.followed","target":{"type":"creator","id":"2296a35b-5be2-4e74-90d9-1bd5ac814a0f","preview":"Magnus Myhre","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/628306/avatar-lTeANlFcQtGQ5xzYMCwD5tSluHiTgO.jpg","slug":"magnus-myhre","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"bff3951c-3dae-44f7-82f5-07350eccff15","name":"Otvos","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/29541/avatar-PqhQFb6rPyqaZSwbe70ekjT9bJ7rHx.jpg","slug":"otvos","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-06-23T12:07:40.883Z","latestAt":"2026-06-23T12:07:40.883Z"},{"id":"019ed94d-81ff-74a4-9dff-94bd3a97ae35","type":"creator.followed","target":{"type":"creator","id":"d81ad627-baa4-4c39-8bb8-b3deda33b48e","preview":"Oversight Studio","previewJson":null,"thumbnail":"https://framerusercontent.com/avatars/users/d81ad627-baa4-4c39-8bb8-b3deda33b48e/bZUllnDbl","slug":"oversight","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"bff3951c-3dae-44f7-82f5-07350eccff15","name":"Otvos","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/29541/avatar-PqhQFb6rPyqaZSwbe70ekjT9bJ7rHx.jpg","slug":"otvos","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-06-18T05:56:35.963Z","latestAt":"2026-06-18T05:56:35.963Z"},{"id":"019ed94d-7ffe-7517-a0fb-f2b57c8219a9","type":"creator.followed","target":{"type":"creator","id":"76e86897-494d-4459-b3cb-e6c2793661d4","preview":"Amit","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/76e86897-494d-4459-b3cb-e6c2793661d4/4io4h5de","slug":"amit-thind","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"bff3951c-3dae-44f7-82f5-07350eccff15","name":"Otvos","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/29541/avatar-PqhQFb6rPyqaZSwbe70ekjT9bJ7rHx.jpg","slug":"otvos","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-06-18T05:56:35.450Z","latestAt":"2026-06-18T05:56:35.450Z"},{"id":"019ed94d-7728-7125-946c-34c351a3cd35","type":"creator.followed","target":{"type":"creator","id":"816424cf-2ddd-4aec-953f-da2606ba6960","preview":"1temporel","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/1220847/avatar-H3Guf02DbtjlArEZQybHSkyuBeMXpP.jpg","slug":"1temporel","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"bff3951c-3dae-44f7-82f5-07350eccff15","name":"Otvos","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/29541/avatar-PqhQFb6rPyqaZSwbe70ekjT9bJ7rHx.jpg","slug":"otvos","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-06-18T05:56:33.188Z","latestAt":"2026-06-18T05:56:33.188Z"},{"id":"019ed94d-5ea1-74cf-9b92-10b87b42e7f1","type":"creator.followed","target":{"type":"creator","id":"50ad211d-1a46-41b1-a739-3419e000c48f","preview":"Wael Tamzouk","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/50ad211d-1a46-41b1-a739-3419e000c48f/tgqvrh48","slug":"waeltamzouk","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"bff3951c-3dae-44f7-82f5-07350eccff15","name":"Otvos","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/29541/avatar-PqhQFb6rPyqaZSwbe70ekjT9bJ7rHx.jpg","slug":"otvos","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-06-18T05:56:26.909Z","latestAt":"2026-06-18T05:56:26.909Z"},{"id":"019ed94d-5b41-736b-b109-f46f4cffe9cc","type":"creator.followed","target":{"type":"creator","id":"55e66b8b-bd81-4efe-9f12-b81d28c78988","preview":"Yaroslav","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/1448889/avatar-r3OcUBHK7vNpsK2jpsBm7bkjS9Ud3z.jpg","slug":"yaroslav-cherevaty","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"bff3951c-3dae-44f7-82f5-07350eccff15","name":"Otvos","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/29541/avatar-PqhQFb6rPyqaZSwbe70ekjT9bJ7rHx.jpg","slug":"otvos","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-06-18T05:56:26.045Z","latestAt":"2026-06-18T05:56:26.045Z"},{"id":"019ed94d-5860-77ea-adac-8104d8ec5c66","type":"creator.followed","target":{"type":"creator","id":"4646fd31-4eba-4c42-8e8e-68ef4f848fd8","preview":"Peush Jha","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/31194/avatar-4WafpCV2BWeCAJi7rkY7GjMf7YwL8z.jpg","slug":"peush-jha","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"bff3951c-3dae-44f7-82f5-07350eccff15","name":"Otvos","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/29541/avatar-PqhQFb6rPyqaZSwbe70ekjT9bJ7rHx.jpg","slug":"otvos","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-06-18T05:56:25.309Z","latestAt":"2026-06-18T05:56:25.309Z"},{"id":"019ed94d-55bd-70fb-90df-b9dda518582c","type":"creator.followed","target":{"type":"creator","id":"4930c579-63da-4925-83e8-205efb4dfdd2","preview":"Sk Nahid Hasan","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/4930c579-63da-4925-83e8-205efb4dfdd2/mjpdrhfd","slug":"nahid","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"bff3951c-3dae-44f7-82f5-07350eccff15","name":"Otvos","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/29541/avatar-PqhQFb6rPyqaZSwbe70ekjT9bJ7rHx.jpg","slug":"otvos","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-06-18T05:56:24.634Z","latestAt":"2026-06-18T05:56:24.634Z"},{"id":"019ed94d-5118-7039-9b65-da24517f1a65","type":"creator.followed","target":{"type":"creator","id":"372cf479-24e6-4c17-bd43-429a76e907a3","preview":"Divplate","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/372cf479-24e6-4c17-bd43-429a76e907a3/ooc5lttx","slug":"divplate","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"bff3951c-3dae-44f7-82f5-07350eccff15","name":"Otvos","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/29541/avatar-PqhQFb6rPyqaZSwbe70ekjT9bJ7rHx.jpg","slug":"otvos","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-06-18T05:56:23.443Z","latestAt":"2026-06-18T05:56:23.443Z"},{"id":"019ed94d-2fe8-71d9-bc1c-602be62b9620","type":"creator.followed","target":{"type":"creator","id":"530c2059-7120-4899-a279-8a1e5b41177b","preview":"Konvert","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/530c2059-7120-4899-a279-8a1e5b41177b/6xtxjkt1","slug":"hewar","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"bff3951c-3dae-44f7-82f5-07350eccff15","name":"Otvos","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/29541/avatar-PqhQFb6rPyqaZSwbe70ekjT9bJ7rHx.jpg","slug":"otvos","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-06-18T05:56:14.949Z","latestAt":"2026-06-18T05:56:14.949Z"},{"id":"019ed59b-3d31-7606-82cf-fdd95f45d8ad","type":"creator.followed","target":{"type":"creator","id":"555320e5-7035-4c4d-b2b2-5739b2939f79","preview":"Cherif Tabouche","previewJson":null,"thumbnail":"https://framerusercontent.com/avatars/users/555320e5-7035-4c4d-b2b2-5739b2939f79/H5UTVSvKm","slug":"cherif-tabouche","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"bff3951c-3dae-44f7-82f5-07350eccff15","name":"Otvos","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/29541/avatar-PqhQFb6rPyqaZSwbe70ekjT9bJ7rHx.jpg","slug":"otvos","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-06-17T12:43:01.291Z","latestAt":"2026-06-17T12:43:01.291Z"},{"id":"019ed588-80e0-76ee-b93d-de3b5a677fac","type":"creator.followed","target":{"type":"creator","id":"c7402719-b2d2-4789-8218-ea705ead84d8","preview":"Armand Luxey","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/c7402719-b2d2-4789-8218-ea705ead84d8/ni9j7vi9","slug":"armand-luxey","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"bff3951c-3dae-44f7-82f5-07350eccff15","name":"Otvos","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/29541/avatar-PqhQFb6rPyqaZSwbe70ekjT9bJ7rHx.jpg","slug":"otvos","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-06-17T12:22:33.437Z","latestAt":"2026-06-17T12:22:33.437Z"},{"id":"019ed588-501a-762a-a020-030d4f8d7d1b","type":"creator.followed","target":{"type":"creator","id":"9cb3d94c-0347-4838-ab07-d08c5c24be1f","preview":"Voicu Apostol","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/161845/Logo%204-vWvGdtLYMMN5rtQ3ITRvgLkhWkLKdb.png","slug":"cerpow","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"bff3951c-3dae-44f7-82f5-07350eccff15","name":"Otvos","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/29541/avatar-PqhQFb6rPyqaZSwbe70ekjT9bJ7rHx.jpg","slug":"otvos","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-06-17T12:22:20.950Z","latestAt":"2026-06-17T12:22:20.950Z"},{"id":"019ed522-8506-7349-885e-94a622d5a430","type":"comment.created","target":{"type":"post","id":"019ed30f-fb47-768c-85c5-29b31e7c7a6f","preview":"Check out my submission for Agents Hackaton. Plenty of knobs to turn around 😂","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Check out my submission for Agents Hackaton. Plenty of knobs to turn around "},{"type":"emoji","attrs":{"name":"joy","emoji":"😂"}}]}]},"thumbnail":null,"targetDeleted":false,"owned":false,"actions":{"postId":"019ed30f-fb47-768c-85c5-29b31e7c7a6f","like":{"count":445,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"context":{"type":"comment","id":"019ed522-84ef-71e6-be61-c0943ccc5ed5","preview":"Nice","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Nice"}]}]},"thumbnail":null,"targetDeleted":false,"owned":true,"actions":{"postId":"019ed30f-fb47-768c-85c5-29b31e7c7a6f","like":{"count":1,"liked":false},"reply":{"parentCommentId":"019ed522-84ef-71e6-be61-c0943ccc5ed5"},"repost":null}},"actors":[{"id":"bff3951c-3dae-44f7-82f5-07350eccff15","name":"Otvos","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/29541/avatar-PqhQFb6rPyqaZSwbe70ekjT9bJ7rHx.jpg","slug":"otvos","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-06-17T10:31:09.830Z","latestAt":"2026-06-17T10:31:09.830Z"},{"id":"019ed522-17a6-76bf-b471-0ad8f1288968","type":"post.liked","target":{"type":"post","id":"019ed30f-fb47-768c-85c5-29b31e7c7a6f","preview":"Check out my submission for Agents Hackaton. Plenty of knobs to turn around 😂","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Check out my submission for Agents Hackaton. Plenty of knobs to turn around "},{"type":"emoji","attrs":{"name":"joy","emoji":"😂"}}]}]},"thumbnail":null,"targetDeleted":false,"owned":false,"actions":{"postId":"019ed30f-fb47-768c-85c5-29b31e7c7a6f","like":{"count":445,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"context":null,"actors":[{"id":"bff3951c-3dae-44f7-82f5-07350eccff15","name":"Otvos","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/29541/avatar-PqhQFb6rPyqaZSwbe70ekjT9bJ7rHx.jpg","slug":"otvos","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-06-17T10:30:41.826Z","latestAt":"2026-06-17T10:30:41.826Z"},{"id":"019ed51e-c2d5-7478-8587-ba9b1ff7e4f0","type":"creator.followed","target":{"type":"creator","id":"a7cd9fe6-cf81-4a41-8e93-bca0291dba80","preview":"Framer","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/107446/xpZr8yYS_400x400-2-MqZMjb2zlessnXickTqkyAzkfqz6le.jpg","slug":"framer","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"bff3951c-3dae-44f7-82f5-07350eccff15","name":"Otvos","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/29541/avatar-PqhQFb6rPyqaZSwbe70ekjT9bJ7rHx.jpg","slug":"otvos","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-06-17T10:27:03.503Z","latestAt":"2026-06-17T10:27:03.503Z"},{"id":"019ed51e-693c-7614-9cb7-774d5848907d","type":"component.liked","target":{"type":"component","id":"6muBzPAzCDAYqoIb6z5b","preview":"CursorCoordinates","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/6muBzPAzCDAYqoIb6z5b/cursorcoordinates-ey8h9iDGTuYAscNY1hkN15bGpuebQt","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"bff3951c-3dae-44f7-82f5-07350eccff15","name":"Otvos","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/29541/avatar-PqhQFb6rPyqaZSwbe70ekjT9bJ7rHx.jpg","slug":"otvos","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"component","visibility":"public","startedAt":"2026-06-17T10:26:41.991Z","latestAt":"2026-06-17T10:26:41.991Z"},{"id":"019ed51d-f456-778e-9cb9-f6d8ed0edf18","type":"template.liked","target":{"type":"template","id":"63875","preview":"Whitman","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/templates/63875/whitman-qli1mwKa6YlDTQmqNtIHjhJiJaT51g","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"bff3951c-3dae-44f7-82f5-07350eccff15","name":"Otvos","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/29541/avatar-PqhQFb6rPyqaZSwbe70ekjT9bJ7rHx.jpg","slug":"otvos","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"template","visibility":"public","startedAt":"2026-06-17T10:26:12.374Z","latestAt":"2026-06-17T10:26:12.374Z"}],"pagination":{"next":"MjAyNi0wNi0xN1QxMDoyNjoxMi4zNzRafDAxOWVkNTFkLWY0NTYtNzc4ZS05Y2I5LWY2ZDhlZDBlZGYxOA","previous":null},"totalCount":"$undefined","feedSession":"$undefined"}],"$inf$posts:bff3951c-3dae-44f7-82f5-07350eccff15:/unified/posts/?creator=bff3951c-3dae-44f7-82f5-07350eccff15&with=reposts":[{"data":[{"id":"019c973d-e454-7b81-986a-2592e9d139ad","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"bff3951c-3dae-44f7-82f5-07350eccff15","name":"Otvos","slug":"otvos","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/29541/avatar-PqhQFb6rPyqaZSwbe70ekjT9bJ7rHx.jpg","badges":["available","expert"],"followed":false,"followsYou":false},"media":[],"resources":[{"id":"zVODxiAkt1T67kXKhHq5","resolved":true,"title":"CMS_COUNTER","body":"

A simple counter component for Framer CMS collections. Works in two modes: place an Anchor inside each collection item, then add a Counter anywhere to display the total count. Automatically updates when filtering or searching — perfect for showing \"X results\" in real-time

DEMO

","bodyJson":null,"introduction":"CMS counter display","slug":"cms-counter","author":{"framerUserId":"bff3951c-3dae-44f7-82f5-07350eccff15","name":"Otvos","slug":"otvos","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/29541/avatar-PqhQFb6rPyqaZSwbe70ekjT9bJ7rHx.jpg","badges":["available","expert"],"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/zVODxiAkt1T67kXKhHq5/cms-counter-XGkjrZuzBIiKv6veiUKSN9p6XgDnbF","metadata":{"tint":{"h":0,"s":0,"l":57},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-02-19T23:01:17.629Z","updatedAt":"2026-02-25T11:46:23.618Z","publishedAt":"2026-02-25T23:59:01.716Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":"https://framer.com/m/Ds-IjuT4X.js@4CpwdmUMJvZVidIR3Hhz","previewUrl":"https://easygoing-manager-372509.framer.app/blog","price":null,"paymentUrl":null,"workshop":false,"categories":[{"id":"7677fa83-43ce-41a2-a3fe-db438ec0fd33","name":"Interactive","slug":"interactive"}],"lastSaveId":"4CpwdmUMJvZVidIR3Hhz","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":17,"liked":false},"comments":{"count":3},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-02-25T23:59:01.716Z","updatedAt":"2026-02-25T23:59:01.716Z"},{"id":"01999b24-c76c-7318-bf3d-9165c8ab8c96","title":null,"body":"

Now is freee

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Now is freee"}]}]},"author":{"framerUserId":"bff3951c-3dae-44f7-82f5-07350eccff15","name":"Otvos","slug":"otvos","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/29541/avatar-PqhQFb6rPyqaZSwbe70ekjT9bJ7rHx.jpg","badges":["available","expert"],"followed":false,"followsYou":false},"media":[],"resources":[{"id":"KtyTEiIGUDCgTnUQ4otg","resolved":true,"title":"CanvasFXPro","body":"$62","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"CanvasFX Pro","marks":[{"type":"bold"}]},{"type":"text","text":" lets you design living, on-brand backgrounds and hero visuals directly in Framer—no external libs, no shaders. Pick from "},{"type":"text","text":"30+ effects","marks":[{"type":"bold"}]},{"type":"text","text":" (swirls, rings, turbulence, plasma, moiré, shockwave, and more), choose a "},{"type":"text","text":"shape style","marks":[{"type":"bold"}]},{"type":"text","text":" (square, rounded, circle, diamond, ring, hex, triangle, star, cross), then fine-tune tiles, color, blending, and motion. Everything is "},{"type":"text","text":"container-responsive","marks":[{"type":"bold"}]},{"type":"text","text":" with optional "},{"type":"text","text":"aspect ratio","marks":[{"type":"bold"}]},{"type":"text","text":" and "},{"type":"text","text":"min height","marks":[{"type":"bold"}]},{"type":"text","text":" so it behaves perfectly in auto-layout pages."}]},{"type":"paragraph","content":[{"type":"text","text":"Under the hood, CanvasFX Pro is built for real-world performance: "},{"type":"text","text":"MaxTiles","marks":[{"type":"bold"}]},{"type":"text","text":" caps tile count intelligently, "},{"type":"text","text":"Quality","marks":[{"type":"bold"}]},{"type":"text","text":" renders at a scaled back buffer, "},{"type":"text","text":"Fast mode","marks":[{"type":"bold"}]},{"type":"text","text":" trims per-tile rotations, gradients are computed once per frame, and calculations run only when needed. The result: rich motion graphics that still feel snappy in Framer preview and on your published site."}]},{"type":"paragraph","content":[{"type":"text","text":"Recommended performance presets"}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Smooth & light:","marks":[{"type":"bold"}]},{"type":"text","text":" Engine → Mode "},{"type":"text","text":"Fast","marks":[{"type":"bold"}]},{"type":"text","text":", Quality "},{"type":"text","text":"0.75","marks":[{"type":"bold"}]},{"type":"text","text":", MaxTiles "},{"type":"text","text":"8000","marks":[{"type":"bold"}]},{"type":"text","text":"; Grid → Density "},{"type":"text","text":"36–50","marks":[{"type":"bold"}]},{"type":"text","text":"; Color → Blend "},{"type":"text","text":"source-over","marks":[{"type":"bold"}]},{"type":"text","text":"."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Glow look:","marks":[{"type":"bold"}]},{"type":"text","text":" Color → Blend "},{"type":"text","text":"screen","marks":[{"type":"bold"}]},{"type":"text","text":" or "},{"type":"text","text":"lighter","marks":[{"type":"bold"}]},{"type":"text","text":"; keep Density ≤ "},{"type":"text","text":"48","marks":[{"type":"bold"}]},{"type":"text","text":"; Engine → Quality "},{"type":"text","text":"0.8","marks":[{"type":"bold"}]},{"type":"text","text":"."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Graphic/crisp:","marks":[{"type":"bold"}]},{"type":"text","text":" Shapes → Square/Rounded, Stroke Off, Color → Palette, Alpha 1.0, Blend "},{"type":"text","text":"source-over","marks":[{"type":"bold"}]},{"type":"text","text":"."}]}]}]},{"type":"paragraph","content":[{"type":"text","text":"Usage"}]},{"type":"orderedList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Add the code component to your project and drop it on the canvas."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"If your parent frame uses auto height, set "},{"type":"text","text":"Layout → Aspect","marks":[{"type":"bold"}]},{"type":"text","text":" or "},{"type":"text","text":"Min Height","marks":[{"type":"bold"}]},{"type":"text","text":"."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Pick an "},{"type":"text","text":"Effect","marks":[{"type":"bold"}]},{"type":"text","text":", tweak "},{"type":"text","text":"FX1–FX4","marks":[{"type":"bold"}]},{"type":"text","text":", choose "},{"type":"text","text":"Color","marks":[{"type":"bold"}]},{"type":"text","text":" mode, and dial "},{"type":"text","text":"Grid/Shapes","marks":[{"type":"bold"}]},{"type":"text","text":"."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"For heavy blends or large frames, tune "},{"type":"text","text":"Engine → Quality","marks":[{"type":"bold"}]},{"type":"text","text":", "},{"type":"text","text":"MaxTiles","marks":[{"type":"bold"}]},{"type":"text","text":", and "},{"type":"text","text":"Mode","marks":[{"type":"bold"}]},{"type":"text","text":" to keep 60 FPS."}]}]}],"attrs":{"type":null,"start":1}}]},"introduction":"Generative canvas backgrounds","slug":"canvasfxpro","author":{"framerUserId":"bff3951c-3dae-44f7-82f5-07350eccff15","name":"Otvos","slug":"otvos","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/29541/avatar-PqhQFb6rPyqaZSwbe70ekjT9bJ7rHx.jpg","badges":["available","expert"],"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/KtyTEiIGUDCgTnUQ4otg/canvasfxpro-OUPtSk6aHYpKPy5nMdRXhFkrPleilH","metadata":{"tint":{"h":0,"s":0,"l":9},"width":1600,"height":1200}}],"post":null,"createdAt":"2025-09-23T23:52:44.364Z","updatedAt":"2026-07-31T16:41:44.793Z","publishedAt":"2025-09-30T15:01:42.892Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":"https://framer.com/m/As-CObG.js@xxLHmBeH630wrFl9JkpX","previewUrl":"https://effective-thanks-776069.framer.app/","price":null,"paymentUrl":null,"workshop":false,"categories":[{"id":"1a3a0eb3-698e-461a-bf42-2502a7ed43e0","name":"Backgrounds","slug":"backgrounds"}],"lastSaveId":"xxLHmBeH630wrFl9JkpX","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":7,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":2,"edited":true,"editedAt":"2026-07-31T16:41:45.559Z","createdAt":"2025-09-30T15:01:42.892Z","updatedAt":"2026-07-31T16:41:45.559Z"},{"id":"01999540-374e-7e26-96ae-5eb72a388257","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"bff3951c-3dae-44f7-82f5-07350eccff15","name":"Otvos","slug":"otvos","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/29541/avatar-PqhQFb6rPyqaZSwbe70ekjT9bJ7rHx.jpg","badges":["available","expert"],"followed":false,"followsYou":false},"media":[],"resources":[{"id":"YrlmUDnOhiu7XnGpkkU9","resolved":true,"title":"ImagesViewer","body":"

This component pairs a full image gallery with a small mini-map that shows your position at a glance. Scroll or drag through the images while the mini-map stays in sync, and click the map to jump anywhere instantly. It’s simple to drop into any page and makes browsing long image sets fast, clear, and fun.

","bodyJson":null,"introduction":"ImagesViewer","slug":"imagesviewer","author":{"framerUserId":"bff3951c-3dae-44f7-82f5-07350eccff15","name":"Otvos","slug":"otvos","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/29541/avatar-PqhQFb6rPyqaZSwbe70ekjT9bJ7rHx.jpg","badges":["available","expert"],"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/YrlmUDnOhiu7XnGpkkU9/imagesviewer-14pxTqnx03j0OHG0azJUBDkFj3FUf1","metadata":{"tint":{"h":0,"s":0,"l":9},"width":1600,"height":1200}}],"post":null,"createdAt":"2025-09-20T19:59:50.902Z","updatedAt":"2026-07-31T16:42:50.749Z","publishedAt":"2025-09-29T11:33:57.710Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":"https://framer.com/m/Minimapgalery-IEcc.js@qZOP8R8HQi96pXJojeZo","previewUrl":"https://funky-exceptions-413738.framer.app/","price":null,"paymentUrl":null,"workshop":false,"categories":[{"id":"66bb31f7-cddf-4a3e-8604-95b3467aecc2","name":"Galleries","slug":"galleries"}],"lastSaveId":"qZOP8R8HQi96pXJojeZo","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":10,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2025-09-29T11:33:57.710Z","updatedAt":"2025-09-29T11:33:57.710Z"},{"id":"019959d7-9033-7dff-8f6d-d64ccb264a04","title":null,"body":"

Now is free

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Now is free"}]}]},"author":{"framerUserId":"bff3951c-3dae-44f7-82f5-07350eccff15","name":"Otvos","slug":"otvos","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/29541/avatar-PqhQFb6rPyqaZSwbe70ekjT9bJ7rHx.jpg","badges":["available","expert"],"followed":false,"followsYou":false},"media":[],"resources":[{"id":"qBT6r5dg2pFhGmJmLTpC","resolved":true,"title":"Apple Grid View","body":"

Grid View is a canvas-powered, Apple-Watch-style gallery: the center pops, edges fall off smoothly.Highly customizable: hex/rect layout, sizing falloff, rounded/circle shapes, fit modes, physics tuning.Fast on 60–240 Hz: single canvas render, frame-rate-independent motion, culling for tiny items.Great for project previews, portfolios, moodboards, and playful media browsers.

Complexity & performance

Complexity: Medium. The component hides a fair bit of math (grid building, paraboloid scaling, frame-rate-independent physics), but the surface area is simple—images in, controls out.

Performance: High. It draws on a single <canvas> (no thousands of DOM nodes) and caps device-pixel-ratio internally for perf. Works smoothly on high-refresh monitors and 60 Hz devices.

","bodyJson":null,"introduction":" Apple-Watch-style gallery","slug":"apple-grid-view","author":{"framerUserId":"bff3951c-3dae-44f7-82f5-07350eccff15","name":"Otvos","slug":"otvos","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/29541/avatar-PqhQFb6rPyqaZSwbe70ekjT9bJ7rHx.jpg","badges":["available","expert"],"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/qBT6r5dg2pFhGmJmLTpC/apple-grid-view-7NA1FJiW1FkSoMSWWSl4OJOb2b4Jhg","metadata":{"tint":{"h":0,"s":0,"l":9},"width":1600,"height":1200}}],"post":null,"createdAt":"2025-09-10T00:06:27.097Z","updatedAt":"2026-07-31T16:43:23.316Z","publishedAt":"2025-09-17T22:42:03.443Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":"https://framer.com/m/Lensgrid-1fL9.js@7ndiY5zpHDeW8kGzZdrJ","previewUrl":"https://generous-illuminate-336573.framer.app/","price":null,"paymentUrl":null,"workshop":false,"categories":[{"id":"66bb31f7-cddf-4a3e-8604-95b3467aecc2","name":"Galleries","slug":"galleries"}],"lastSaveId":"7ndiY5zpHDeW8kGzZdrJ","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":5,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":2,"edited":true,"editedAt":"2026-07-31T16:43:24.063Z","createdAt":"2025-09-17T22:42:03.443Z","updatedAt":"2026-07-31T16:43:24.063Z"},{"id":"01991521-3cd0-78ca-bade-73b97de4a8c9","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"bff3951c-3dae-44f7-82f5-07350eccff15","name":"Otvos","slug":"otvos","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/29541/avatar-PqhQFb6rPyqaZSwbe70ekjT9bJ7rHx.jpg","badges":["available","expert"],"followed":false,"followsYou":false},"media":[],"resources":[{"id":"xQ9Jp8dgH8mFqxM68hDh","resolved":true,"title":"Page Transition","body":"

Bring your Framer projects to life with Page Transitions – a premium navigation enhancer that adds stunning, fluid transitions between your pages. Featuring Arrow, Linear, and Pixels animations, each optimized for responsiveness and buttery-smooth performance, this component intercepts clicks to guarantee transitions trigger only when switching to a different page

","bodyJson":null,"introduction":"","slug":"page-transition","author":{"framerUserId":"bff3951c-3dae-44f7-82f5-07350eccff15","name":"Otvos","slug":"otvos","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/29541/avatar-PqhQFb6rPyqaZSwbe70ekjT9bJ7rHx.jpg","badges":["available","expert"],"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/xQ9Jp8dgH8mFqxM68hDh/page-transition-RmiVxHvfu7jXsilvdeoWI2AsS8g5TK","metadata":{"tint":{"h":268,"s":94,"l":25},"width":1600,"height":1200}}],"post":null,"createdAt":"2025-08-10T02:46:38.837Z","updatedAt":"2025-09-04T14:24:54.084Z","publishedAt":"2025-09-04T14:28:43.856Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://earlier-benefits-221758.framer.app/","price":"15","paymentUrl":"https://otvos.lemonsqueezy.com/buy/8b032185-7a77-4e88-8d4d-0991853d19ef","workshop":false,"categories":[{"id":"b42eea44-0ea9-4372-9981-70c9e68577c1","name":"Loaders","slug":"loaders"}],"lastSaveId":"uNrAbn0w1sDUfQppWY0N","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":"2025-09-04T14:28:43.856Z","updatedAt":"2025-09-04T14:28:43.856Z"},{"id":"0198ebd1-c1d5-7430-8218-31d77b0eda8b","title":null,"body":"

Now is free

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Now is free"}]}]},"author":{"framerUserId":"bff3951c-3dae-44f7-82f5-07350eccff15","name":"Otvos","slug":"otvos","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/29541/avatar-PqhQFb6rPyqaZSwbe70ekjT9bJ7rHx.jpg","badges":["available","expert"],"followed":false,"followsYou":false},"media":[],"resources":[{"id":"zKUxX1RzJGLxL9ZXCQ9N","resolved":true,"title":"Grid Hover Image","body":"

Bring your image grids to life with Grid Hover Image – a dynamic, responsive gallery that expands the hovered image by adjusting the entire grid around it. Perfect for portfolios, galleries, and interactive showcases, this component adds smooth transitions and an engaging visual effect that highlights your content.

Fully customizable with columns, rows, gaps, transitions, and hover expansion size, so you can adapt it to any design. Whether you’re displaying product shots, photography, or creative visuals, this component makes your layout interactive and modern.

Features

Dynamic grid that adapts on hover
Smooth transitions for rows & columns
Fully customizable (rows, columns, gap, hover size, transition speed)
Supports CMS Images
Clean and optimized for performance

","bodyJson":null,"introduction":"Dynamic Grid Gallery ","slug":"grid-hover-image","author":{"framerUserId":"bff3951c-3dae-44f7-82f5-07350eccff15","name":"Otvos","slug":"otvos","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/29541/avatar-PqhQFb6rPyqaZSwbe70ekjT9bJ7rHx.jpg","badges":["available","expert"],"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/zKUxX1RzJGLxL9ZXCQ9N/grid-hover-image-kkuf1vW9Ex23qY0p1GLsUnG67njEQW","metadata":{"tint":{"h":0,"s":0,"l":9},"width":1600,"height":1200}}],"post":null,"createdAt":"2025-08-18T00:48:19.942Z","updatedAt":"2026-07-31T16:44:01.358Z","publishedAt":"2025-08-27T13:57:29.173Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":"https://framer.com/m/Grid-Xtu4.js@92G4RoEKerquAqAsrYe2","previewUrl":"https://happy-arrow-079306.framer.app/","price":null,"paymentUrl":null,"workshop":false,"categories":[{"id":"66bb31f7-cddf-4a3e-8604-95b3467aecc2","name":"Galleries","slug":"galleries"}],"lastSaveId":"92G4RoEKerquAqAsrYe2","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":69,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":2,"edited":true,"editedAt":"2026-07-31T16:44:02.068Z","createdAt":"2025-08-27T13:57:29.173Z","updatedAt":"2026-07-31T16:44:02.068Z"},{"id":"0198e67b-4266-706c-8a19-b5762a036dd4","title":null,"body":"

Now is free

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Now is free"}]}]},"author":{"framerUserId":"bff3951c-3dae-44f7-82f5-07350eccff15","name":"Otvos","slug":"otvos","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/29541/avatar-PqhQFb6rPyqaZSwbe70ekjT9bJ7rHx.jpg","badges":["available","expert"],"followed":false,"followsYou":false},"media":[],"resources":[{"id":"3vQCeZ72boKo1gpvNXiU","resolved":true,"title":"Interactive Canvas","body":"

Turn your portfolio into an interactive experience. This component lets you zoom, drag, and navigate complex projects effortlessly — perfect for designers showcasing high-volume work in a clean, professional way. Includes customizable controls, smooth navigation, and full styling options.

","bodyJson":null,"introduction":"Interactive Canvas","slug":"interactive-canvas","author":{"framerUserId":"bff3951c-3dae-44f7-82f5-07350eccff15","name":"Otvos","slug":"otvos","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/29541/avatar-PqhQFb6rPyqaZSwbe70ekjT9bJ7rHx.jpg","badges":["available","expert"],"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/3vQCeZ72boKo1gpvNXiU/interactive-canvas-3NFNiAjFx8SfCsW8ir4Dri2742bnNS","metadata":{"tint":{"h":240,"s":25,"l":13},"width":1600,"height":1200}}],"post":null,"createdAt":"2025-08-17T03:10:32.534Z","updatedAt":"2026-07-31T16:44:31.296Z","publishedAt":"2025-08-26T13:04:54.374Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":"https://framer.com/m/Mapgrid-EL7Y.js@sVoUYVJN3NGm1lVVUZp4","previewUrl":"https://static-founders-672346.framer.app/","price":null,"paymentUrl":null,"workshop":false,"categories":[{"id":"4c691677-c621-4041-a908-cbc2d3272658","name":"Navigation","slug":"navigation"}],"lastSaveId":"sVoUYVJN3NGm1lVVUZp4","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":2,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":2,"edited":true,"editedAt":"2026-07-31T16:44:32.004Z","createdAt":"2025-08-26T13:04:54.374Z","updatedAt":"2026-07-31T16:44:32.004Z"},{"id":"019875fe-0310-7ffd-8754-6c4a7ac4067e","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"bff3951c-3dae-44f7-82f5-07350eccff15","name":"Otvos","slug":"otvos","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/29541/avatar-PqhQFb6rPyqaZSwbe70ekjT9bJ7rHx.jpg","badges":["available","expert"],"followed":false,"followsYou":false},"media":[],"resources":[{"id":"FqNSbrFNRKIgDjGtvZ6b","resolved":true,"title":"Compare Image","body":"

Users can move this divider bar to better see the differences between the two images. Additionally, the component allows the addition of a customizable SVG element that can follow the mouse movement along the X-axis, providing a dynamic and engaging visual experience. This can be used in various applications, such as graphic design, presentations, or visual comparisons in web projects.

Dynamic SVG Integration

This component includes support for embedding customizable SVG graphics that respond to mouse movements. This feature is particularly useful for adding dynamic visual elements to your comparisons.

","bodyJson":null,"introduction":"","slug":"compare-image","author":{"framerUserId":"bff3951c-3dae-44f7-82f5-07350eccff15","name":"Otvos","slug":"otvos","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/29541/avatar-PqhQFb6rPyqaZSwbe70ekjT9bJ7rHx.jpg","badges":["available","expert"],"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/FqNSbrFNRKIgDjGtvZ6b/compare-image-AXwQWWyBjyJkZ8sjdMkTEvuXL5k3Vv","metadata":{"tint":{"h":0,"s":0,"l":9},"width":1600,"height":1200}}],"post":null,"createdAt":"2025-07-31T21:09:15.288Z","updatedAt":"2025-08-04T16:47:13.914Z","publishedAt":"2025-08-04T16:50:37.968Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":"https://framer.com/m/CompareImage-SrIr.js@qH9wvfpPTrMWdkTjub9m","previewUrl":"https://primary-communication-339397.framer.app/","price":null,"paymentUrl":null,"workshop":false,"categories":[{"id":"7677fa83-43ce-41a2-a3fe-db438ec0fd33","name":"Interactive","slug":"interactive"}],"lastSaveId":"qH9wvfpPTrMWdkTjub9m","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":3,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2025-08-04T16:50:37.968Z","updatedAt":"2025-08-04T16:50:37.968Z"}],"pagination":{"next":null,"previous":null},"totalCount":"$undefined","feedSession":"$undefined"}]}},"children":"$L63"}]