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:T5a4,

A living, animated shader background for your hero sections - no video files, no Lottie exports, just a lightweight WebGL canvas that drifts and glows in real time.

Description

ShaderBG renders a continuously animated gradient pattern directly in the browser using WebGL. Drop it behind any hero, header, or feature section and stack your own text, buttons, or layout on top. Fully responsive, GPU-accelerated, and tunable without touching a single line of code.

Features

Real-time WebGL shader animation, no video or image assets required
Adjustable Speed, Scale, and Glow to shape the motion and intensity
RGB Tint control to shift the color palette to match your brand
Device pixel ratio cap for performance on high-density displays
Custom clear color for light or dark canvas bases
Fills any frame - resize freely, fully responsive

Use cases

SaaS and AI product landing page heroes
Portfolio and agency intro sections
Event or launch pages that need a "living" feel
Backgrounds for pricing, CTA, or newsletter sections

Notes

Best used as a background layer with content stacked above it in the layer panel. Works on any dark or light base; use the Tint and Clear Color controls to match your site's palette.

53:T440,

Introducing Progressive Blur+ 🚀

A new progressive blur component build for clean, premium feeling scroll transitions.

Created a smooth Progressive Blur effect for fading content at the edges of scroll areas or sections. Pick a direction, set how many blur layers stack up, and choose the curve (linear, eased, or exponential) for how intense it gets.

Comes with presets for common spots like headers, footers, and sidebars. Also added hover intensity, responsive sizing, and scroll-in animation.

Adapted from Magic UI's Progressive Blur, rebuilt for Framer with full property controls.

Add this component to your next project ✨ - Progressive Blur+

50:["$","$L51",null,{"value":{"fallback":{"$inf$activity-creator-9758bc58-e5c3-4c2b-98ee-b8d0dc658300-all:/unified/creator/9758bc58-e5c3-4c2b-98ee-b8d0dc658300/activity/":[{"data":[{"id":"01a0b729-5fde-7056-a34d-ec22f065cae8","type":"comment.reply","target":{"type":"post","id":"019f22b9-0646-763a-864a-98f6f9b49b42","preview":"Yo just saw this and had to share cause it’s kinda wild.\n@Praha37v just dropped beta access to originkit, an animated component library for building modern sites without starting from scratch. Supports framer integration, react code, and even mcp support for ai coding tools which is honestly huge.\nIf you wanna get in, comment “originkit” on his post and he’ll send you the invite link.\nNot gonna lie the spots are gonna go fast with only 500 slots, so if this is your kind of thing don’t sleep on it. Go comment now and get in before it fills up 🏃‍♂\nCheck this out","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Yo just saw this and had to share cause it’s kinda wild."}]},{"type":"paragraph","content":[{"type":"text","text":"@Praha37v","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer","href":"https://x.com/praha37v/status/2072545358279045383?s=46","target":"_blank"}}]},{"type":"text","text":" just dropped beta access to originkit, an animated component library for building modern sites without starting from scratch. Supports framer integration, react code, and even mcp support for ai coding tools which is honestly huge."}]},{"type":"paragraph","content":[{"type":"text","text":"If you wanna get in, comment “originkit” on his post and he’ll send you the invite link."}]},{"type":"paragraph","content":[{"type":"text","text":"Not gonna lie the spots are gonna go fast with only 500 slots, so if this is your kind of thing don’t sleep on it. Go comment now and get in before it fills up "},{"type":"emoji","attrs":{"name":"running_man","emoji":"🏃‍♂"}}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"Check this out","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer","href":"https://x.com/praha37v/status/2072545358279045383?s=46","target":"_blank"}}]}]}]},"thumbnail":"https://image.mux.com/02yQtOXq01Pc9YHuSiYIzkGVEkIxbMdYVjeEDtVI175FE/thumbnail.webp?time=12.87","targetDeleted":false,"owned":true,"actions":{"postId":"019f22b9-0646-763a-864a-98f6f9b49b42","like":{"count":9,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"context":{"type":"comment","id":"01a0b729-5fc9-706b-ae00-86657e4eb6a5","preview":"sad but true","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"sad but true"}]}]},"thumbnail":null,"targetDeleted":false,"owned":true,"actions":{"postId":"019f22b9-0646-763a-864a-98f6f9b49b42","like":{"count":0,"liked":false},"reply":{"parentCommentId":"01a06c07-fa62-75c7-bd0f-df807819fae8"},"repost":null}},"actors":[{"id":"9758bc58-e5c3-4c2b-98ee-b8d0dc658300","name":"Rivii","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/9758bc58-e5c3-4c2b-98ee-b8d0dc658300/knqtetwz","slug":"rivii","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-09-19T00:55:37.182Z","latestAt":"2026-09-19T00:55:37.182Z"},{"id":"01a0b729-3322-76b9-ad61-31c4c294b245","type":"comment.liked","target":{"type":"comment","id":"01a06c07-fa62-75c7-bd0f-df807819fae8","preview":"@Rivii Stealing components from other creators and selling them, He has stole so many components from me. I am going to sue him soon.","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"mention","attrs":{"id":"9758bc58-e5c3-4c2b-98ee-b8d0dc658300","slug":"rivii","label":"Rivii","mentionSuggestionChar":"@"}},{"type":"text","text":" Stealing components from other creators and selling them, He has stole so many components from me. I am going to sue him soon."}]}]},"thumbnail":null,"targetDeleted":false,"owned":false,"actions":{"postId":"019f22b9-0646-763a-864a-98f6f9b49b42","like":{"count":1,"liked":false},"reply":{"parentCommentId":"01a06c07-fa62-75c7-bd0f-df807819fae8"},"repost":null}},"context":{"type":"post","id":"019f22b9-0646-763a-864a-98f6f9b49b42","preview":"Yo just saw this and had to share cause it’s kinda wild.\n@Praha37v just dropped beta access to originkit, an animated component library for building modern sites without starting from scratch. Supports framer integration, react code, and even mcp support for ai coding tools which is honestly huge.\nIf you wanna get in, comment “originkit” on his post and he’ll send you the invite link.\nNot gonna lie the spots are gonna go fast with only 500 slots, so if this is your kind of thing don’t sleep on it. Go comment now and get in before it fills up 🏃‍♂\nCheck this out","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Yo just saw this and had to share cause it’s kinda wild."}]},{"type":"paragraph","content":[{"type":"text","text":"@Praha37v","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer","href":"https://x.com/praha37v/status/2072545358279045383?s=46","target":"_blank"}}]},{"type":"text","text":" just dropped beta access to originkit, an animated component library for building modern sites without starting from scratch. Supports framer integration, react code, and even mcp support for ai coding tools which is honestly huge."}]},{"type":"paragraph","content":[{"type":"text","text":"If you wanna get in, comment “originkit” on his post and he’ll send you the invite link."}]},{"type":"paragraph","content":[{"type":"text","text":"Not gonna lie the spots are gonna go fast with only 500 slots, so if this is your kind of thing don’t sleep on it. Go comment now and get in before it fills up "},{"type":"emoji","attrs":{"name":"running_man","emoji":"🏃‍♂"}}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"Check this out","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer","href":"https://x.com/praha37v/status/2072545358279045383?s=46","target":"_blank"}}]}]}]},"thumbnail":"https://image.mux.com/02yQtOXq01Pc9YHuSiYIzkGVEkIxbMdYVjeEDtVI175FE/thumbnail.webp?time=12.87","targetDeleted":false,"owned":true,"actions":{"postId":"019f22b9-0646-763a-864a-98f6f9b49b42","like":{"count":9,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"actors":[{"id":"9758bc58-e5c3-4c2b-98ee-b8d0dc658300","name":"Rivii","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/9758bc58-e5c3-4c2b-98ee-b8d0dc658300/knqtetwz","slug":"rivii","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-09-19T00:55:25.724Z","latestAt":"2026-09-19T00:55:25.724Z"},{"id":"01a0b722-4fde-70d2-89af-d4f5a9720535","type":"comment.reply","target":{"type":"post","id":"019ffe2f-da93-71be-9948-b8b03de39ae8","preview":"My first @Framer commission from a client project landed yesterday. Not the biggest, but it's the one that matters most. The first one always is 🎉\nSuch a good feeling.","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"My first "},{"type":"mention","attrs":{"id":"a7cd9fe6-cf81-4a41-8e93-bca0291dba80","slug":"framer","label":"Framer","mentionSuggestionChar":"@"}},{"type":"text","text":" commission from a client project landed yesterday. Not the biggest, but it's the one that matters most. The first one always is "},{"type":"emoji","attrs":{"name":"tada","emoji":"🎉"}}]},{"type":"paragraph","content":[{"type":"text","text":"Such a good feeling."}]}]},"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/9758bc58-e5c3-4c2b-98ee-b8d0dc658300/019ffe2f-8534-747e-8240-bae00a56b201.png","targetDeleted":false,"owned":true,"actions":{"postId":"019ffe2f-da93-71be-9948-b8b03de39ae8","like":{"count":14,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"context":{"type":"comment","id":"01a0b722-4fbf-71cb-9110-912a222d9780","preview":"Thanks! def keeping that momentum going, feels good to actually get a commission instead of just selling templates lol","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Thanks! def keeping that momentum going, feels good to actually get a commission instead of just selling templates lol"}]}]},"thumbnail":null,"targetDeleted":false,"owned":true,"actions":{"postId":"019ffe2f-da93-71be-9948-b8b03de39ae8","like":{"count":0,"liked":false},"reply":{"parentCommentId":"01a08dd6-b0eb-71bb-bd97-6971681338a5"},"repost":null}},"actors":[{"id":"9758bc58-e5c3-4c2b-98ee-b8d0dc658300","name":"Rivii","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/9758bc58-e5c3-4c2b-98ee-b8d0dc658300/knqtetwz","slug":"rivii","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-09-19T00:47:54.334Z","latestAt":"2026-09-19T00:47:54.334Z"},{"id":"01a0b721-b122-73ea-8ab2-306252a8ce60","type":"comment.liked","target":{"type":"comment","id":"01a08dd6-b0eb-71bb-bd97-6971681338a5","preview":"This is a smart way to turn a commission win into momentum—great launch energy.","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"This is a smart way to turn a commission win into momentum—great launch energy."}]}]},"thumbnail":null,"targetDeleted":false,"owned":false,"actions":{"postId":"019ffe2f-da93-71be-9948-b8b03de39ae8","like":{"count":1,"liked":false},"reply":{"parentCommentId":"01a08dd6-b0eb-71bb-bd97-6971681338a5"},"repost":null}},"context":{"type":"post","id":"019ffe2f-da93-71be-9948-b8b03de39ae8","preview":"My first @Framer commission from a client project landed yesterday. Not the biggest, but it's the one that matters most. The first one always is 🎉\nSuch a good feeling.","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"My first "},{"type":"mention","attrs":{"id":"a7cd9fe6-cf81-4a41-8e93-bca0291dba80","slug":"framer","label":"Framer","mentionSuggestionChar":"@"}},{"type":"text","text":" commission from a client project landed yesterday. Not the biggest, but it's the one that matters most. The first one always is "},{"type":"emoji","attrs":{"name":"tada","emoji":"🎉"}}]},{"type":"paragraph","content":[{"type":"text","text":"Such a good feeling."}]}]},"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/9758bc58-e5c3-4c2b-98ee-b8d0dc658300/019ffe2f-8534-747e-8240-bae00a56b201.png","targetDeleted":false,"owned":true,"actions":{"postId":"019ffe2f-da93-71be-9948-b8b03de39ae8","like":{"count":14,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"actors":[{"id":"9758bc58-e5c3-4c2b-98ee-b8d0dc658300","name":"Rivii","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/9758bc58-e5c3-4c2b-98ee-b8d0dc658300/knqtetwz","slug":"rivii","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-09-19T00:47:13.695Z","latestAt":"2026-09-19T00:47:13.695Z"},{"id":"01a02c5b-4a19-761d-a362-3c87cfc7a258","type":"creator.followed","target":{"type":"creator","id":"04ad2b89-82ed-4976-ac9c-59816e48b3a7","preview":"Nick Stepuk","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/28844/avatar-vGg1AXeRJwvRbHUJn1XFc6L7RUvjT5.jpg","slug":"stfnco","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"9758bc58-e5c3-4c2b-98ee-b8d0dc658300","name":"Rivii","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/9758bc58-e5c3-4c2b-98ee-b8d0dc658300/knqtetwz","slug":"rivii","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-08-23T02:02:55.344Z","latestAt":"2026-08-23T02:02:55.344Z"},{"id":"01a02c5a-fde5-716b-8e7a-3a8db932c530","type":"post.liked","target":{"type":"post","id":"019ed679-c729-747f-baf6-94ff7acaded5","preview":"Built a pattern-generating tool using Framer Agents!","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Built a pattern-generating tool using Framer Agents!"}]}]},"thumbnail":"https://image.mux.com/GGL02jnUurIUQNJJeb4NGCW802QlQ5OMjLgPxKg2s1f0200/thumbnail.webp?time=15","targetDeleted":false,"owned":false,"actions":{"postId":"019ed679-c729-747f-baf6-94ff7acaded5","like":{"count":6,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"context":null,"actors":[{"id":"9758bc58-e5c3-4c2b-98ee-b8d0dc658300","name":"Rivii","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/9758bc58-e5c3-4c2b-98ee-b8d0dc658300/knqtetwz","slug":"rivii","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-08-23T02:02:35.870Z","latestAt":"2026-08-23T02:02:35.870Z"},{"id":"01a00341-da04-76ee-b112-be7b744ae643","type":"comment.reply","target":{"type":"post","id":"019ffe2f-da93-71be-9948-b8b03de39ae8","preview":"My first @Framer commission from a client project landed yesterday. Not the biggest, but it's the one that matters most. The first one always is 🎉\nSuch a good feeling.","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"My first "},{"type":"mention","attrs":{"id":"a7cd9fe6-cf81-4a41-8e93-bca0291dba80","slug":"framer","label":"Framer","mentionSuggestionChar":"@"}},{"type":"text","text":" commission from a client project landed yesterday. Not the biggest, but it's the one that matters most. The first one always is "},{"type":"emoji","attrs":{"name":"tada","emoji":"🎉"}}]},{"type":"paragraph","content":[{"type":"text","text":"Such a good feeling."}]}]},"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/9758bc58-e5c3-4c2b-98ee-b8d0dc658300/019ffe2f-8534-747e-8240-bae00a56b201.png","targetDeleted":false,"owned":true,"actions":{"postId":"019ffe2f-da93-71be-9948-b8b03de39ae8","like":{"count":14,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"context":{"type":"comment","id":"01a00341-d9e4-737e-948f-2414f1faa2af","preview":"Thank you! 🙏 Ngl, the advanced animations took the longest to get right. Kept messing with the timing till it stopped feeling janky and finally hit smooth 🔥","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Thank you! "},{"type":"emoji","attrs":{"name":"pray","emoji":"🙏"}},{"type":"text","text":" Ngl, the advanced animations took the longest to get right. Kept messing with the timing till it stopped feeling janky and finally hit smooth "},{"type":"emoji","attrs":{"name":"fire","emoji":"🔥"}}]}]},"thumbnail":null,"targetDeleted":false,"owned":true,"actions":{"postId":"019ffe2f-da93-71be-9948-b8b03de39ae8","like":{"count":0,"liked":false},"reply":{"parentCommentId":"019ffefa-7a18-7064-bcbe-0e6c84730594"},"repost":null}},"actors":[{"id":"9758bc58-e5c3-4c2b-98ee-b8d0dc658300","name":"Rivii","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/9758bc58-e5c3-4c2b-98ee-b8d0dc658300/knqtetwz","slug":"rivii","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-08-15T02:30:42.436Z","latestAt":"2026-08-15T02:30:42.436Z"},{"id":"01a0033e-1229-7379-a500-7cdf728301f0","type":"comment.liked","target":{"type":"comment","id":"019ffefa-7a18-7064-bcbe-0e6c84730594","preview":"Nice one, Rivii. this comes across clearly and feels thoughtfully put together. Which detail took the longest to land?","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Nice one, Rivii. this comes across clearly and feels thoughtfully put together. Which detail took the longest to land?"}]}]},"thumbnail":null,"targetDeleted":false,"owned":false,"actions":{"postId":"019ffe2f-da93-71be-9948-b8b03de39ae8","like":{"count":1,"liked":false},"reply":{"parentCommentId":"019ffefa-7a18-7064-bcbe-0e6c84730594"},"repost":null}},"context":{"type":"post","id":"019ffe2f-da93-71be-9948-b8b03de39ae8","preview":"My first @Framer commission from a client project landed yesterday. Not the biggest, but it's the one that matters most. The first one always is 🎉\nSuch a good feeling.","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"My first "},{"type":"mention","attrs":{"id":"a7cd9fe6-cf81-4a41-8e93-bca0291dba80","slug":"framer","label":"Framer","mentionSuggestionChar":"@"}},{"type":"text","text":" commission from a client project landed yesterday. Not the biggest, but it's the one that matters most. The first one always is "},{"type":"emoji","attrs":{"name":"tada","emoji":"🎉"}}]},{"type":"paragraph","content":[{"type":"text","text":"Such a good feeling."}]}]},"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/9758bc58-e5c3-4c2b-98ee-b8d0dc658300/019ffe2f-8534-747e-8240-bae00a56b201.png","targetDeleted":false,"owned":true,"actions":{"postId":"019ffe2f-da93-71be-9948-b8b03de39ae8","like":{"count":14,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"actors":[{"id":"9758bc58-e5c3-4c2b-98ee-b8d0dc658300","name":"Rivii","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/9758bc58-e5c3-4c2b-98ee-b8d0dc658300/knqtetwz","slug":"rivii","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-08-15T02:26:34.662Z","latestAt":"2026-08-15T02:26:34.662Z"},{"id":"01a0033e-0259-74d9-a0db-c4a716aabe7f","type":"comment.reply","target":{"type":"post","id":"019ffe2f-da93-71be-9948-b8b03de39ae8","preview":"My first @Framer commission from a client project landed yesterday. Not the biggest, but it's the one that matters most. The first one always is 🎉\nSuch a good feeling.","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"My first "},{"type":"mention","attrs":{"id":"a7cd9fe6-cf81-4a41-8e93-bca0291dba80","slug":"framer","label":"Framer","mentionSuggestionChar":"@"}},{"type":"text","text":" commission from a client project landed yesterday. Not the biggest, but it's the one that matters most. The first one always is "},{"type":"emoji","attrs":{"name":"tada","emoji":"🎉"}}]},{"type":"paragraph","content":[{"type":"text","text":"Such a good feeling."}]}]},"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/9758bc58-e5c3-4c2b-98ee-b8d0dc658300/019ffe2f-8534-747e-8240-bae00a56b201.png","targetDeleted":false,"owned":true,"actions":{"postId":"019ffe2f-da93-71be-9948-b8b03de39ae8","like":{"count":14,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"context":{"type":"comment","id":"01a0033e-023d-7686-81b6-f4b57fca3e1a","preview":"Thanks so much, Felix! 🙌 It really is, especially when it's the first one.","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Thanks so much, Felix! "},{"type":"emoji","attrs":{"name":"raised_hands","emoji":"🙌"}},{"type":"text","text":" It really is, especially when it's the first one."}]}]},"thumbnail":null,"targetDeleted":false,"owned":true,"actions":{"postId":"019ffe2f-da93-71be-9948-b8b03de39ae8","like":{"count":0,"liked":false},"reply":{"parentCommentId":"019ffea1-3a2a-77e5-b21d-d1923063522e"},"repost":null}},"actors":[{"id":"9758bc58-e5c3-4c2b-98ee-b8d0dc658300","name":"Rivii","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/9758bc58-e5c3-4c2b-98ee-b8d0dc658300/knqtetwz","slug":"rivii","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-08-15T02:26:30.617Z","latestAt":"2026-08-15T02:26:30.617Z"},{"id":"01a0033d-8be6-734f-a8ed-9c9c1d585171","type":"comment.liked","target":{"type":"comment","id":"019ffea1-3a2a-77e5-b21d-d1923063522e","preview":"Congrats! It’s so much fun when your hard work gets appreciated 👏","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Congrats! It’s so much fun when your hard work gets appreciated "},{"type":"emoji","attrs":{"name":"clap","emoji":"👏"}}]}]},"thumbnail":null,"targetDeleted":false,"owned":false,"actions":{"postId":"019ffe2f-da93-71be-9948-b8b03de39ae8","like":{"count":2,"liked":false},"reply":{"parentCommentId":"019ffea1-3a2a-77e5-b21d-d1923063522e"},"repost":null}},"context":{"type":"post","id":"019ffe2f-da93-71be-9948-b8b03de39ae8","preview":"My first @Framer commission from a client project landed yesterday. Not the biggest, but it's the one that matters most. The first one always is 🎉\nSuch a good feeling.","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"My first "},{"type":"mention","attrs":{"id":"a7cd9fe6-cf81-4a41-8e93-bca0291dba80","slug":"framer","label":"Framer","mentionSuggestionChar":"@"}},{"type":"text","text":" commission from a client project landed yesterday. Not the biggest, but it's the one that matters most. The first one always is "},{"type":"emoji","attrs":{"name":"tada","emoji":"🎉"}}]},{"type":"paragraph","content":[{"type":"text","text":"Such a good feeling."}]}]},"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/9758bc58-e5c3-4c2b-98ee-b8d0dc658300/019ffe2f-8534-747e-8240-bae00a56b201.png","targetDeleted":false,"owned":true,"actions":{"postId":"019ffe2f-da93-71be-9948-b8b03de39ae8","like":{"count":14,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"actors":[{"id":"9758bc58-e5c3-4c2b-98ee-b8d0dc658300","name":"Rivii","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/9758bc58-e5c3-4c2b-98ee-b8d0dc658300/knqtetwz","slug":"rivii","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-08-15T02:26:00.291Z","latestAt":"2026-08-15T02:26:00.291Z"},{"id":"019ffe15-26aa-756e-92d4-22855af55bc2","type":"post.liked","target":{"type":"post","id":"019ff5c4-8be5-765f-814c-558634aaccf7","preview":"Haven’t realized that another component of mine is being featured.","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Haven’t realized that another component of mine is being featured."}]}]},"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/0365a5a1-29eb-426a-bb58-af7fe6b72ccf/019ff5c4-8201-7406-9f6b-23d8c5106825.png","targetDeleted":false,"owned":false,"actions":{"postId":"019ff5c4-8be5-765f-814c-558634aaccf7","like":{"count":26,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"context":null,"actors":[{"id":"9758bc58-e5c3-4c2b-98ee-b8d0dc658300","name":"Rivii","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/9758bc58-e5c3-4c2b-98ee-b8d0dc658300/knqtetwz","slug":"rivii","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-08-14T02:23:46.853Z","latestAt":"2026-08-14T02:23:46.853Z"},{"id":"019fd488-9168-71f8-b231-34813a27020b","type":"comment.created","target":{"type":"post","id":"019fbee0-38be-7579-8f5c-c482273ce7ca","preview":"Atelier Invite","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/85624b5c-d0c3-4c3c-9217-1416862e05be/019fbed9-f508-714b-a341-262b9e530286.png","targetDeleted":false,"owned":false,"actions":{"postId":"019fbee0-38be-7579-8f5c-c482273ce7ca","like":{"count":26,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"context":{"type":"comment","id":"019fd488-914f-7134-941e-3209ba924e04","preview":"This is 🔥","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"This is "},{"type":"emoji","attrs":{"name":"fire","emoji":"🔥"}}]}]},"thumbnail":null,"targetDeleted":false,"owned":true,"actions":{"postId":"019fbee0-38be-7579-8f5c-c482273ce7ca","like":{"count":0,"liked":false},"reply":{"parentCommentId":"019fd488-914f-7134-941e-3209ba924e04"},"repost":null}},"actors":[{"id":"9758bc58-e5c3-4c2b-98ee-b8d0dc658300","name":"Rivii","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/9758bc58-e5c3-4c2b-98ee-b8d0dc658300/knqtetwz","slug":"rivii","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-08-06T00:45:47.752Z","latestAt":"2026-08-06T00:45:47.752Z"},{"id":"019fd485-9d7a-7798-8a89-8661b9b0d18a","type":"template.liked","target":{"type":"template","id":"70552","preview":"Atelier Invite","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/85624b5c-d0c3-4c3c-9217-1416862e05be/019fbed9-f508-714b-a341-262b9e530286.png","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"9758bc58-e5c3-4c2b-98ee-b8d0dc658300","name":"Rivii","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/9758bc58-e5c3-4c2b-98ee-b8d0dc658300/knqtetwz","slug":"rivii","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"template","visibility":"public","startedAt":"2026-08-06T00:42:34.229Z","latestAt":"2026-08-06T00:42:34.229Z"},{"id":"019fb820-03df-76c6-86f5-9db3242537ed","type":"comment.reply","target":{"type":"post","id":"019fb70c-cd35-77d6-9117-f2614425113b","preview":"I've been experimenting with WebGL shaders inside Framer and turned it into a free code component: an animated shader background you can drop behind any hero section.\nCheck it out","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"I've been experimenting with WebGL shaders inside Framer and turned it into a free code component: an animated shader background you can drop behind any hero section."}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"Check it out","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer","href":"https://dub.sh/ShaderBG-X","target":"_blank"}}]}]}]},"thumbnail":"https://image.mux.com/pdKA25jOfGbRTTi02JlhS3c3i0038aiGi46Zm5d48wnv8/thumbnail.webp?time=1.267","targetDeleted":false,"owned":true,"actions":{"postId":"019fb70c-cd35-77d6-9117-f2614425113b","like":{"count":4,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"context":{"type":"comment","id":"019fb820-03c4-7760-ab13-8f0b75d2e0a1","preview":"Thank you!","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Thank you!"}]},{"type":"paragraph"}]},"thumbnail":null,"targetDeleted":false,"owned":true,"actions":{"postId":"019fb70c-cd35-77d6-9117-f2614425113b","like":{"count":0,"liked":false},"reply":{"parentCommentId":"019fb724-70d4-7295-a704-f9f00f0e3798"},"repost":null}},"actors":[{"id":"9758bc58-e5c3-4c2b-98ee-b8d0dc658300","name":"Rivii","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/9758bc58-e5c3-4c2b-98ee-b8d0dc658300/knqtetwz","slug":"rivii","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-07-31T12:22:13.727Z","latestAt":"2026-07-31T12:22:13.727Z"},{"id":"019fb81f-e3c4-769b-ab15-298cb24b7f32","type":"comment.liked","target":{"type":"comment","id":"019fb724-70d4-7295-a704-f9f00f0e3798","preview":"looks really cool","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"looks really cool"}]},{"type":"paragraph"}]},"thumbnail":null,"targetDeleted":false,"owned":false,"actions":{"postId":"019fb70c-cd35-77d6-9117-f2614425113b","like":{"count":1,"liked":false},"reply":{"parentCommentId":"019fb724-70d4-7295-a704-f9f00f0e3798"},"repost":null}},"context":{"type":"post","id":"019fb70c-cd35-77d6-9117-f2614425113b","preview":"I've been experimenting with WebGL shaders inside Framer and turned it into a free code component: an animated shader background you can drop behind any hero section.\nCheck it out","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"I've been experimenting with WebGL shaders inside Framer and turned it into a free code component: an animated shader background you can drop behind any hero section."}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"Check it out","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer","href":"https://dub.sh/ShaderBG-X","target":"_blank"}}]}]}]},"thumbnail":"https://image.mux.com/pdKA25jOfGbRTTi02JlhS3c3i0038aiGi46Zm5d48wnv8/thumbnail.webp?time=1.267","targetDeleted":false,"owned":true,"actions":{"postId":"019fb70c-cd35-77d6-9117-f2614425113b","like":{"count":4,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"actors":[{"id":"9758bc58-e5c3-4c2b-98ee-b8d0dc658300","name":"Rivii","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/9758bc58-e5c3-4c2b-98ee-b8d0dc658300/knqtetwz","slug":"rivii","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-07-31T12:22:05.504Z","latestAt":"2026-07-31T12:22:05.504Z"},{"id":"019fa1c5-d184-714e-a207-c7fcce1846b5","type":"post.liked","target":{"type":"post","id":"019fa1c2-fac2-76ad-b228-9c9989cbc550","preview":"Website Template for a spa 🧖🏻‍♀️🫧","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Website Template for a spa 🧖🏻‍♀️"},{"type":"emoji","attrs":{"name":"bubbles","emoji":"🫧"}}]}]},"thumbnail":"https://image.mux.com/uXnQO57IohIZJ4C2I3RCiijAhFvXsGG8345F9NDCnZ00/thumbnail.webp?time=25.244","targetDeleted":false,"owned":false,"actions":{"postId":"019fa1c2-fac2-76ad-b228-9c9989cbc550","like":{"count":26,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"context":null,"actors":[{"id":"9758bc58-e5c3-4c2b-98ee-b8d0dc658300","name":"Rivii","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/9758bc58-e5c3-4c2b-98ee-b8d0dc658300/knqtetwz","slug":"rivii","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-07-27T04:12:03.830Z","latestAt":"2026-07-27T04:12:03.830Z"},{"id":"019fa1b4-9ae2-76db-81e8-105358c7df65","type":"component.created","target":{"type":"component","id":"7hWfTRo7f6WeKst9JVNg","preview":"ShaderBG","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/9758bc58-e5c3-4c2b-98ee-b8d0dc658300/019fa1b1-aafc-7438-aeb7-a93ef13c202f.png","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"9758bc58-e5c3-4c2b-98ee-b8d0dc658300","name":"Rivii","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/9758bc58-e5c3-4c2b-98ee-b8d0dc658300/knqtetwz","slug":"rivii","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"component","visibility":"public","startedAt":"2026-07-27T03:53:15.746Z","latestAt":"2026-07-27T03:53:15.746Z"},{"id":"019f8536-6a62-70da-96d1-d2d202098d63","type":"creator.followed","target":{"type":"creator","id":"cf5df88d-208d-41e7-9771-a8b34011840d","preview":"Maēlys Brunet","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/449728/avatar-VQ3TvOINNYZ3UhjXordJvSfmgfSJLG.jpg","slug":"maelys-brunet","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"9758bc58-e5c3-4c2b-98ee-b8d0dc658300","name":"Rivii","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/9758bc58-e5c3-4c2b-98ee-b8d0dc658300/knqtetwz","slug":"rivii","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-07-21T15:06:03.735Z","latestAt":"2026-07-21T15:06:03.735Z"},{"id":"019f8453-21a4-70e9-ba42-f62576222fe5","type":"post.liked","target":{"type":"post","id":"019f8451-f64e-75e8-b354-64aa5b241923","preview":"having some fun with our upcoming template.\nai agent makes it a breeze to create this hover interaction","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"having some fun with our upcoming template."}]},{"type":"paragraph","content":[{"type":"text","text":"ai agent makes it a breeze to create this hover interaction"}]}]},"thumbnail":"https://image.mux.com/e1YevLWu5TgWtN1wxRmlJIVGK6XhzfSN5Kx72A1Wtj4/thumbnail.webp?time=3.65","targetDeleted":false,"owned":false,"actions":{"postId":"019f8451-f64e-75e8-b354-64aa5b241923","like":{"count":22,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":1,"reposted":false,"repostId":null}}},"context":null,"actors":[{"id":"9758bc58-e5c3-4c2b-98ee-b8d0dc658300","name":"Rivii","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/9758bc58-e5c3-4c2b-98ee-b8d0dc658300/knqtetwz","slug":"rivii","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-07-21T10:57:48.447Z","latestAt":"2026-07-21T10:57:48.447Z"},{"id":"019f5687-18d7-75a8-a96a-9ff5618b7cd0","type":"post.liked","target":{"type":"post","id":"019f5674-e661-779e-b484-f16d039bb29e","preview":"recent hero design for a landing page 👀","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"recent hero design for a landing page "},{"type":"emoji","attrs":{"name":"eyes","emoji":"👀"}}]}]},"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/ae317f26-80b7-478c-8d78-97803af9f58e/019f5674-b679-71d0-ae38-82ab9e0edafa.png","targetDeleted":false,"owned":false,"actions":{"postId":"019f5674-e661-779e-b484-f16d039bb29e","like":{"count":12,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"context":null,"actors":[{"id":"9758bc58-e5c3-4c2b-98ee-b8d0dc658300","name":"Rivii","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/9758bc58-e5c3-4c2b-98ee-b8d0dc658300/knqtetwz","slug":"rivii","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-07-12T13:32:02.121Z","latestAt":"2026-07-12T13:32:02.121Z"}],"pagination":{"next":"MjAyNi0wNy0xMlQxMzozMjowMi4xMjFafDAxOWY1Njg3LTE4ZDctNzVhOC1hOTZhLTlmZjU2MThiN2NkMA","previous":null},"totalCount":"$undefined","feedSession":"$undefined"}],"$inf$posts:9758bc58-e5c3-4c2b-98ee-b8d0dc658300:/unified/posts/?creator=9758bc58-e5c3-4c2b-98ee-b8d0dc658300&with=reposts":[{"data":[{"id":"019ffe2f-da93-71be-9948-b8b03de39ae8","title":null,"body":"

My first @Framer commission from a client project landed yesterday. Not the biggest, but it's the one that matters most. The first one always is 🎉

Such a good feeling.

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"My first "},{"type":"mention","attrs":{"id":"a7cd9fe6-cf81-4a41-8e93-bca0291dba80","slug":"framer","label":"Framer","mentionSuggestionChar":"@"}},{"type":"text","text":" commission from a client project landed yesterday. Not the biggest, but it's the one that matters most. The first one always is "},{"type":"emoji","attrs":{"name":"tada","emoji":"🎉"}}]},{"type":"paragraph","content":[{"type":"text","text":"Such a good feeling."}]}]},"author":{"framerUserId":"9758bc58-e5c3-4c2b-98ee-b8d0dc658300","name":"Rivii","slug":"rivii","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/9758bc58-e5c3-4c2b-98ee-b8d0dc658300/knqtetwz","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/9758bc58-e5c3-4c2b-98ee-b8d0dc658300/019ffe2f-8534-747e-8240-bae00a56b201.png","metadata":{"tint":{"h":180,"s":50,"l":6},"width":1368,"height":994}}],"resources":[],"contests":[],"categories":[{"id":"cf35162f-8406-49a9-a023-4c58024795ee","name":"General","slug":"general","description":"General","metaTitle":"General","metaDescription":"General"}],"tags":[],"likes":{"count":14,"liked":false},"comments":{"count":6},"reposts":{"count":0,"reposted":false,"repostId":null},"version":2,"edited":true,"editedAt":"2026-08-14T02:55:03.710Z","createdAt":"2026-08-14T02:52:56.855Z","updatedAt":"2026-08-14T02:55:03.710Z"},{"id":"019fb70c-cd35-77d6-9117-f2614425113b","title":null,"body":"

I've been experimenting with WebGL shaders inside Framer and turned it into a free code component: an animated shader background you can drop behind any hero section.

Check it out

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"I've been experimenting with WebGL shaders inside Framer and turned it into a free code component: an animated shader background you can drop behind any hero section."}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"Check it out","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer","href":"https://dub.sh/ShaderBG-X","target":"_blank"}}]}]}]},"author":{"framerUserId":"9758bc58-e5c3-4c2b-98ee-b8d0dc658300","name":"Rivii","slug":"rivii","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/9758bc58-e5c3-4c2b-98ee-b8d0dc658300/knqtetwz","followed":false,"followsYou":false},"media":[{"type":"video","url":"https://stream.mux.com/pdKA25jOfGbRTTi02JlhS3c3i0038aiGi46Zm5d48wnv8.m3u8","metadata":{"posterUrl":"https://image.mux.com/pdKA25jOfGbRTTi02JlhS3c3i0038aiGi46Zm5d48wnv8/thumbnail.webp?time=1.267","aspectRatio":"4:3","duration":8}}],"resources":[],"contests":[],"categories":[{"id":"cf35162f-8406-49a9-a023-4c58024795ee","name":"General","slug":"general","description":"General","metaTitle":"General","metaDescription":"General"}],"tags":[],"likes":{"count":4,"liked":false},"comments":{"count":2},"reposts":{"count":0,"reposted":false,"repostId":null},"version":2,"edited":true,"editedAt":"2026-07-31T07:23:28.410Z","createdAt":"2026-07-31T07:21:37.339Z","updatedAt":"2026-07-31T07:23:28.410Z"},{"id":"019fa1b4-981f-71ff-873b-728695eaa138","title":null,"body":"

ShaderBG - an animated shader background for Framer

I've been experimenting with WebGL shaders inside Framer and ended up turning it into a free code component: an animated shader background you can drop behind any hero section.

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"ShaderBG ","marks":[{"type":"bold"}]},{"type":"text","text":"- an animated shader background for Framer"}]},{"type":"paragraph","content":[{"type":"text","text":"I've been experimenting with WebGL shaders inside Framer and ended up turning it into a free code component: an animated shader background you can drop behind any hero section."}]}]},"author":{"framerUserId":"9758bc58-e5c3-4c2b-98ee-b8d0dc658300","name":"Rivii","slug":"rivii","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/9758bc58-e5c3-4c2b-98ee-b8d0dc658300/knqtetwz","followed":false,"followsYou":false},"media":[],"resources":[{"id":"7hWfTRo7f6WeKst9JVNg","resolved":true,"title":"ShaderBG","body":"$52","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"A living, animated shader background for your hero sections - no video files, no Lottie exports, just a lightweight WebGL canvas that drifts and glows in real time."}]},{"type":"customHeading","content":[{"type":"text","text":"Description"}],"attrs":{"level":1}},{"type":"paragraph","content":[{"type":"text","text":"ShaderBG renders a continuously animated gradient pattern directly in the browser using WebGL. Drop it behind any hero, header, or feature section and stack your own text, buttons, or layout on top. Fully responsive, GPU-accelerated, and tunable without touching a single line of code."}]},{"type":"customHeading","content":[{"type":"text","text":"Features"}],"attrs":{"level":1}},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Real-time WebGL shader animation, no video or image assets required"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Adjustable Speed, Scale, and Glow to shape the motion and intensity"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"RGB Tint control to shift the color palette to match your brand"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Device pixel ratio cap for performance on high-density displays"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Custom clear color for light or dark canvas bases"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Fills any frame - resize freely, fully responsive"}]}]}]},{"type":"customHeading","content":[{"type":"text","text":"Use cases"}],"attrs":{"level":1}},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"SaaS and AI product landing page heroes"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Portfolio and agency intro sections"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Event or launch pages that need a \"living\" feel"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Backgrounds for pricing, CTA, or newsletter sections"}]}]}]},{"type":"customHeading","content":[{"type":"text","text":"Notes"}],"attrs":{"level":1}},{"type":"paragraph","content":[{"type":"text","text":"Best used as a background layer with content stacked above it in the layer panel. Works on any dark or light base; use the Tint and Clear Color controls to match your site's palette."}]}]},"introduction":"An animated shader background.","slug":"shaderbg","author":{"framerUserId":"9758bc58-e5c3-4c2b-98ee-b8d0dc658300","name":"Rivii","slug":"rivii","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/9758bc58-e5c3-4c2b-98ee-b8d0dc658300/knqtetwz","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/9758bc58-e5c3-4c2b-98ee-b8d0dc658300/019fa1b1-aafc-7438-aeb7-a93ef13c202f.png","metadata":{"tint":{"h":0,"s":0,"l":3},"width":2400,"height":1800}}],"post":null,"createdAt":"2026-07-27T03:53:14.261Z","updatedAt":"2026-07-27T03:53:14.261Z","publishedAt":"2026-07-27T03:53:14.248Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":"https://framer.com/m/shaderbg-1-hKW9WR.js@WZUvcHJuIw6SoXfvHQ81","previewUrl":"https://shaderbg1.framer.website/","price":null,"paymentUrl":null,"workshop":false,"categories":[{"id":"1a3a0eb3-698e-461a-bf42-2502a7ed43e0","name":"Backgrounds","slug":"backgrounds"}],"lastSaveId":"WZUvcHJuIw6SoXfvHQ81","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":13,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-07-27T03:53:15.040Z","updatedAt":"2026-07-27T03:53:15.040Z"},{"id":"019f4819-e7ff-70bc-95ff-f8dd61d9c552","title":null,"body":"

🚀 Progressive Blur+ v2 is Live

Just shipped v2 of Frostline Progressive Blur, a major upgrade focused on performance, flexibility, and how it behaves inside Framer.

✨ What’s new

• New capabilities that give you more control over how the effect behaves

• Smoother, more consistent behavior across canvas and published sites

• Improved animation handling powered by Framer’s native system

• Cleaner, more scalable foundation under the hood

Progressive Blur+

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"emoji","attrs":{"name":"rocket","emoji":"🚀"}},{"type":"text","text":" ","marks":[{"type":"bold"}]},{"type":"text","text":"Progressive Blur+ v2 is "},{"type":"text","text":"Live","marks":[{"type":"bold"}]}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"Just shipped v2 of Frostline Progressive Blur, a major upgrade focused on performance, flexibility, and how it behaves inside Framer."}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"emoji","attrs":{"name":"sparkles","emoji":"✨"}},{"type":"text","text":" What’s new"}]},{"type":"paragraph","content":[{"type":"text","text":"• ","marks":[{"type":"bold"}]},{"type":"text","text":"New capabilities that give you more control over how the effect behaves "}]},{"type":"paragraph","content":[{"type":"text","text":"• ","marks":[{"type":"bold"}]},{"type":"text","text":"Smoother, more consistent behavior across canvas and published sites"}]},{"type":"paragraph","content":[{"type":"text","text":"• ","marks":[{"type":"bold"}]},{"type":"text","text":"Improved animation handling powered by Framer’s native system"}]},{"type":"paragraph","content":[{"type":"text","text":"• ","marks":[{"type":"bold"}]},{"type":"text","text":"Cleaner, more scalable foundation under the hood"}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"Progressive Blur+","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer","href":"https://dub.sh/frostline-framer","target":"_blank"}}]}]},{"type":"paragraph"}]},"author":{"framerUserId":"9758bc58-e5c3-4c2b-98ee-b8d0dc658300","name":"Rivii","slug":"rivii","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/9758bc58-e5c3-4c2b-98ee-b8d0dc658300/knqtetwz","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/9758bc58-e5c3-4c2b-98ee-b8d0dc658300/019f4816-7269-7156-904c-d89abe592ec7.png","metadata":{"tint":{"h":0,"s":0,"l":3},"width":2400,"height":1800}}],"resources":[],"contests":[],"categories":[{"id":"cf35162f-8406-49a9-a023-4c58024795ee","name":"General","slug":"general","description":"General","metaTitle":"General","metaDescription":"General"}],"tags":[],"likes":{"count":14,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":5,"edited":true,"editedAt":"2026-07-10T03:55:31.643Z","createdAt":"2026-07-09T18:18:05.188Z","updatedAt":"2026-07-10T03:55:31.643Z"},{"id":"019f22b9-0646-763a-864a-98f6f9b49b42","title":null,"body":"

Yo just saw this and had to share cause it’s kinda wild.

@Praha37v just dropped beta access to originkit, an animated component library for building modern sites without starting from scratch. Supports framer integration, react code, and even mcp support for ai coding tools which is honestly huge.

If you wanna get in, comment “originkit” on his post and he’ll send you the invite link.

Not gonna lie the spots are gonna go fast with only 500 slots, so if this is your kind of thing don’t sleep on it. Go comment now and get in before it fills up 🏃‍♂

Check this out

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Yo just saw this and had to share cause it’s kinda wild."}]},{"type":"paragraph","content":[{"type":"text","text":"@Praha37v","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer","href":"https://x.com/praha37v/status/2072545358279045383?s=46","target":"_blank"}}]},{"type":"text","text":" just dropped beta access to originkit, an animated component library for building modern sites without starting from scratch. Supports framer integration, react code, and even mcp support for ai coding tools which is honestly huge."}]},{"type":"paragraph","content":[{"type":"text","text":"If you wanna get in, comment “originkit” on his post and he’ll send you the invite link."}]},{"type":"paragraph","content":[{"type":"text","text":"Not gonna lie the spots are gonna go fast with only 500 slots, so if this is your kind of thing don’t sleep on it. Go comment now and get in before it fills up "},{"type":"emoji","attrs":{"name":"running_man","emoji":"🏃‍♂"}}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"Check this out","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer","href":"https://x.com/praha37v/status/2072545358279045383?s=46","target":"_blank"}}]}]}]},"author":{"framerUserId":"9758bc58-e5c3-4c2b-98ee-b8d0dc658300","name":"Rivii","slug":"rivii","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/9758bc58-e5c3-4c2b-98ee-b8d0dc658300/knqtetwz","followed":false,"followsYou":false},"media":[{"type":"video","url":"https://stream.mux.com/02yQtOXq01Pc9YHuSiYIzkGVEkIxbMdYVjeEDtVI175FE.m3u8","metadata":{"posterUrl":"https://image.mux.com/02yQtOXq01Pc9YHuSiYIzkGVEkIxbMdYVjeEDtVI175FE/thumbnail.webp?time=12.87","aspectRatio":"127:72","duration":42.677811}}],"resources":[],"contests":[],"categories":[{"id":"cf35162f-8406-49a9-a023-4c58024795ee","name":"General","slug":"general","description":"General","metaTitle":"General","metaDescription":"General"}],"tags":[],"likes":{"count":9,"liked":false},"comments":{"count":2},"reposts":{"count":0,"reposted":false,"repostId":null},"version":2,"edited":true,"editedAt":"2026-07-02T12:21:54.157Z","createdAt":"2026-07-02T12:06:18.954Z","updatedAt":"2026-07-02T12:21:54.157Z"},{"id":"019f1930-9136-7796-b6d2-85ee7c57f753","title":null,"body":"

Okay video editor UIs genuinely suck nowadays, someone had to say it.

I’ve wanted a sleek, modern editor for so long, like actually years.

Then I found Diffusion Studio and I think it’s my new favorite?

The UI feels like Figma. So clean, so intentional, finally something that doesn’t look like it’s from 2010.

Check it out - https://diffusion.studio/

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Okay video editor UIs genuinely suck nowadays, someone had to say it."}]},{"type":"paragraph","content":[{"type":"text","text":"I’ve wanted a sleek, modern editor for so long, like actually years."}]},{"type":"paragraph","content":[{"type":"text","text":"Then I found Diffusion Studio and I think it’s my new favorite?"}]},{"type":"paragraph","content":[{"type":"text","text":"The UI feels like Figma. So clean, so intentional, finally something that doesn’t look like it’s from 2010."}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"Check it out - https://diffusion.studio/","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"https://diffusion.studio/","target":"_blank"}}]}]}]},"author":{"framerUserId":"9758bc58-e5c3-4c2b-98ee-b8d0dc658300","name":"Rivii","slug":"rivii","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/9758bc58-e5c3-4c2b-98ee-b8d0dc658300/knqtetwz","followed":false,"followsYou":false},"media":[{"type":"video","url":"https://stream.mux.com/Kn7ImeeY00f100R01sH7iWV02Tqd4ZuBtF2UPzXh1jVpM6Y.m3u8","metadata":{"posterUrl":"https://image.mux.com/Kn7ImeeY00f100R01sH7iWV02Tqd4ZuBtF2UPzXh1jVpM6Y/thumbnail.webp?time=8.1","aspectRatio":"16:9","duration":36.1}}],"resources":[],"contests":[],"categories":[{"id":"cf35162f-8406-49a9-a023-4c58024795ee","name":"General","slug":"general","description":"General","metaTitle":"General","metaDescription":"General"}],"tags":[],"likes":{"count":9,"liked":false},"comments":{"count":2},"reposts":{"count":0,"reposted":false,"repostId":null},"version":2,"edited":true,"editedAt":"2026-06-30T17:38:54.954Z","createdAt":"2026-06-30T15:40:41.147Z","updatedAt":"2026-06-30T17:38:54.954Z"},{"id":"019f09d1-b13a-73f9-a6cd-6adc1686c6fd","title":null,"body":"

It’s kinda annoying that agent opens by default and not style, gotta switch it every single time 😅

Anyone else dealing with this 👀

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"It’s kinda annoying that agent opens by default and not style, gotta switch it every single time "},{"type":"emoji","attrs":{"name":"sweat_smile","emoji":"😅"}}]},{"type":"paragraph","content":[{"type":"text","text":"Anyone else dealing with this "},{"type":"emoji","attrs":{"name":"eyes","emoji":"👀"}}]}]},"author":{"framerUserId":"9758bc58-e5c3-4c2b-98ee-b8d0dc658300","name":"Rivii","slug":"rivii","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/9758bc58-e5c3-4c2b-98ee-b8d0dc658300/knqtetwz","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/9758bc58-e5c3-4c2b-98ee-b8d0dc658300/e0d08yb1","metadata":{"tint":{"h":0,"s":0,"l":9},"width":2400,"height":1520}}],"resources":[],"contests":[],"categories":[{"id":"cf35162f-8406-49a9-a023-4c58024795ee","name":"General","slug":"general","description":"General","metaTitle":"General","metaDescription":"General"}],"tags":[],"likes":{"count":12,"liked":false},"comments":{"count":3},"reposts":{"count":0,"reposted":false,"repostId":null},"version":2,"edited":true,"editedAt":"2026-06-27T16:05:32.066Z","createdAt":"2026-06-27T16:02:45.182Z","updatedAt":"2026-06-27T16:05:32.066Z"},{"id":"019f0810-d77b-76c9-a7bf-0ef8fa1c69c6","title":null,"body":"$53","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Introducing Progressive Blur+ "},{"type":"emoji","attrs":{"name":"rocket","emoji":"🚀"}}]},{"type":"paragraph","content":[{"type":"text","text":"A new progressive blur component build for "},{"type":"text","text":"clean","marks":[{"type":"bold"}]},{"type":"text","text":", "},{"type":"text","text":"premium","marks":[{"type":"bold"}]},{"type":"text","text":" feeling scroll transitions."}]},{"type":"paragraph","content":[{"type":"text","text":"Created a smooth "},{"type":"text","text":"Progressive Blur","marks":[{"type":"bold"}]},{"type":"text","text":" effect for fading content at the edges of scroll areas or sections. Pick a direction, set how many blur layers stack up, and choose the curve (linear, eased, or exponential) for how intense it gets."}]},{"type":"paragraph","content":[{"type":"text","text":"Comes with presets for common spots like headers, footers, and sidebars. Also added hover intensity, responsive sizing, and scroll-in animation."}]},{"type":"paragraph","content":[{"type":"text","text":"Adapted from "},{"type":"text","text":"Magic UI","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer","href":"https://magicui.design/docs/components/progressive-blur","target":"_blank"}},{"type":"bold"}]},{"type":"text","text":"'s Progressive Blur, rebuilt for Framer with full property controls."}]},{"type":"paragraph","content":[{"type":"text","text":"Add this component to your next project "},{"type":"emoji","attrs":{"name":"sparkles","emoji":"✨"}},{"type":"text","text":" - "},{"type":"text","text":"Progressive Blur+","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer","href":"https://dub.sh/frostline-framer","target":"_blank"}}]}]},{"type":"paragraph"}]},"author":{"framerUserId":"9758bc58-e5c3-4c2b-98ee-b8d0dc658300","name":"Rivii","slug":"rivii","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/9758bc58-e5c3-4c2b-98ee-b8d0dc658300/knqtetwz","followed":false,"followsYou":false},"media":[{"type":"video","url":"https://stream.mux.com/H9UD02W22OphLlyKfOwbWxJC87C4CB9Y5RoLHFxPNpzo.m3u8","metadata":{"posterUrl":"https://image.mux.com/H9UD02W22OphLlyKfOwbWxJC87C4CB9Y5RoLHFxPNpzo/thumbnail.webp?time=1.467","aspectRatio":"209:135","duration":3.333333}}],"resources":[],"contests":[],"categories":[{"id":"cf35162f-8406-49a9-a023-4c58024795ee","name":"General","slug":"general","description":"General","metaTitle":"General","metaDescription":"General"}],"tags":[],"likes":{"count":13,"liked":false},"comments":{"count":4},"reposts":{"count":0,"reposted":false,"repostId":null},"version":4,"edited":true,"editedAt":"2026-07-10T03:56:43.159Z","createdAt":"2026-06-27T07:52:29.311Z","updatedAt":"2026-07-10T03:56:43.159Z"},{"id":"019f07f9-a7a4-72c8-9c0f-e0bf7dae9bba","title":null,"body":"

Comes with common properties like direction, strength, layers, distribution, exponential, hover intensity, and responsive sizing.

Adapted from Magic UI's Progressive Blur, rebuilt for Framer with full property controls.

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Created a smooth "},{"type":"text","text":"Progressive Blur","marks":[{"type":"bold"}]},{"type":"text","text":" effect for fading content at the edges of scroll areas or sections. Pick a direction, set how many blur layers stack up, and choose the curve (linear, eased, or exponential) for how intense it gets."}]},{"type":"paragraph","content":[{"type":"text","text":"Comes with common properties like direction, strength, layers, distribution, exponential, hover intensity, and responsive sizing."}]},{"type":"paragraph","content":[{"type":"text","text":"Adapted from "},{"type":"text","text":"Magic UI","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer","href":"https://magicui.design/docs/components/progressive-blur","target":"_blank"}},{"type":"bold"}]},{"type":"text","text":"'s Progressive Blur, rebuilt for Framer with full property controls."}]}]},"author":{"framerUserId":"9758bc58-e5c3-4c2b-98ee-b8d0dc658300","name":"Rivii","slug":"rivii","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/9758bc58-e5c3-4c2b-98ee-b8d0dc658300/knqtetwz","followed":false,"followsYou":false},"media":[],"resources":[{"id":"wXStB8ciHrUgORrMV234","resolved":true,"title":"Progressive Blur+","body":"

A smooth Progressive Blur effect for fading content at the edges of scroll areas or sections. Pick a direction, set how many blur layers stack up, and choose the curve (linear, eased, or dramatic) for how intense it gets.

Comes with,

Edge
Blur amount
Blur layers
Blend style (Linear, Smooth, Ease In, etc.)
Dramatic
Reveal (Fade in, On scroll, etc.)
Hover intensity
Responsive

Adapted from Magic UI's Progressive Blur, rebuilt for Framer with full property controls.

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"A smooth "},{"type":"text","text":"Progressive Blur","marks":[{"type":"bold"}]},{"type":"text","text":" effect for fading content at the edges of scroll areas or sections. Pick a direction, set how many blur layers stack up, and choose the curve (linear, eased, or dramatic) for how intense it gets."}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"Comes with,"}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Edge"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Blur amount"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Blur layers"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Blend style (Linear, Smooth, Ease In, etc.)"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Dramatic"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Reveal (Fade in, On scroll, etc.)"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Hover intensity"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Responsive"}]}]}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"Adapted from "},{"type":"text","text":"Magic UI","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"https://magicui.design/docs/components/progressive-blur","target":"_blank"}},{"type":"bold"}]},{"type":"text","text":"'s Progressive Blur, rebuilt for Framer with full property controls."}]}]},"introduction":"Progressive blur for any scroll","slug":"progressive-blur","author":{"framerUserId":"9758bc58-e5c3-4c2b-98ee-b8d0dc658300","name":"Rivii","slug":"rivii","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/9758bc58-e5c3-4c2b-98ee-b8d0dc658300/knqtetwz","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/9758bc58-e5c3-4c2b-98ee-b8d0dc658300/4bakst8n","metadata":{"tint":{"h":0,"s":0,"l":3},"width":2400,"height":1800}}],"post":null,"createdAt":"2026-06-27T07:27:09.687Z","updatedAt":"2026-07-14T17:53:03.338Z","publishedAt":"2026-06-27T07:27:09.684Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://frostline-progressiveblur.framer.website/","price":"10","paymentUrl":"https://dub.sh/Frostline-Checkout","workshop":false,"categories":[{"id":"323e97d6-f443-488c-8661-794a9a83a20f","name":"Effects","slug":"effects"}],"lastSaveId":"agixGuJAY5jJTh4tALPf","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":27,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":2,"edited":true,"editedAt":"2026-07-09T15:41:35.240Z","createdAt":"2026-06-27T07:27:09.732Z","updatedAt":"2026-07-09T15:41:35.240Z"},{"id":"019efccc-bdde-7286-9d13-ee6c9fb5cf93","title":null,"body":"

Figma just launched figma motion 🔥

Anyone else wishing Framer would bring something like this too 👀

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Figma just launched figma motion "},{"type":"emoji","attrs":{"name":"fire","emoji":"🔥"}}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"Anyone else wishing Framer would bring something like this too "},{"type":"emoji","attrs":{"name":"eyes","emoji":"👀"}}]}]},"author":{"framerUserId":"9758bc58-e5c3-4c2b-98ee-b8d0dc658300","name":"Rivii","slug":"rivii","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/9758bc58-e5c3-4c2b-98ee-b8d0dc658300/knqtetwz","followed":false,"followsYou":false},"media":[{"type":"video","url":"https://stream.mux.com/hWakOBXID101h8JN02pI1QeX4gPC600mBtt6Yrni00eojX00.m3u8","metadata":{"posterUrl":"https://image.mux.com/hWakOBXID101h8JN02pI1QeX4gPC600mBtt6Yrni00eojX00/thumbnail.webp?time=18.833","aspectRatio":"16:9","duration":68.166667}}],"resources":[],"contests":[],"categories":[{"id":"cf35162f-8406-49a9-a023-4c58024795ee","name":"General","slug":"general","description":"General","metaTitle":"General","metaDescription":"General"}],"tags":[],"likes":{"count":10,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":2,"edited":true,"editedAt":"2026-06-25T03:22:41.949Z","createdAt":"2026-06-25T03:22:16.929Z","updatedAt":"2026-06-25T03:22:41.949Z"}],"pagination":{"next":null,"previous":null},"totalCount":"$undefined","feedSession":"$undefined"}]}},"children":"$L54"}]