5d:I[473921,["/creators-assets/_next/static/immutable/chunks/2bxtessbrg0z1.js","/creators-assets/_next/static/immutable/chunks/2svd483q03jkh.js","/creators-assets/_next/static/immutable/chunks/168ndrpf5qukf.js","/creators-assets/_next/static/immutable/chunks/3py036r67l2cz.js","/creators-assets/_next/static/immutable/chunks/1ozc4wc1du10z.js","/creators-assets/_next/static/immutable/chunks/0c6romi9ma0is.js","/creators-assets/_next/static/immutable/chunks/0ak510_hzfaam.js","/creators-assets/_next/static/immutable/chunks/2h_rs7nbfvb7-.js","/creators-assets/_next/static/immutable/chunks/3ly-i84yiij4i.js","/creators-assets/_next/static/immutable/chunks/3oybmd01gs-b6.js","/creators-assets/_next/static/immutable/chunks/0vxt9zvn936s0.js","/creators-assets/_next/static/immutable/chunks/1eyot9c9uwocm.js","/creators-assets/_next/static/immutable/chunks/03stgnoj58q7s.js","/creators-assets/_next/static/immutable/chunks/2mxay2-h-hkwd.js","/creators-assets/_next/static/immutable/chunks/3q5wansxm4vp6.js","/creators-assets/_next/static/immutable/chunks/3uo-268z2xnq9.js","/creators-assets/_next/static/immutable/chunks/355jz6twgi-xd.js","/creators-assets/_next/static/immutable/chunks/2-y_r3u4wh2s3.js","/creators-assets/_next/static/immutable/chunks/0mgwzh6o644jl.js","/creators-assets/_next/static/immutable/chunks/16gequ09928lv.js","/creators-assets/_next/static/immutable/chunks/2f6k-nq5t2nve.js","/creators-assets/_next/static/immutable/chunks/14h9277o22-rl.js","/creators-assets/_next/static/immutable/chunks/3fujn21cf_mt1.js","/creators-assets/_next/static/immutable/chunks/3v380aaevwq5a.js","/creators-assets/_next/static/immutable/chunks/2ch5kewqiwntv.js","/creators-assets/_next/static/immutable/chunks/3e73rezw4k1a2.js","/creators-assets/_next/static/immutable/chunks/3xmobvbzj3637.js","/creators-assets/_next/static/immutable/chunks/26fs9mkd8gzie.js","/creators-assets/_next/static/immutable/chunks/0toe1wcov_38e.js","/creators-assets/_next/static/immutable/chunks/110hzb6dmcbdr.js","/creators-assets/_next/static/immutable/chunks/2eiu9v0ook5ln.js","/creators-assets/_next/static/immutable/chunks/1zt764sfv2wd7.js","/creators-assets/_next/static/immutable/chunks/0l9v835j421-s.js","/creators-assets/_next/static/immutable/chunks/3k6sa9ujkqb5c.js","/creators-assets/_next/static/immutable/chunks/3nd1mzwm7q_f7.js","/creators-assets/_next/static/immutable/chunks/3gx0_q52o4oil.js","/creators-assets/_next/static/immutable/chunks/0u_jiik6ovv_e.js","/creators-assets/_next/static/immutable/chunks/2warb3xv9rce7.js","/creators-assets/_next/static/immutable/chunks/1tvhyiuh-gmez.js"],"PostDetailCard"] 5e:I[885856,["/creators-assets/_next/static/immutable/chunks/2bxtessbrg0z1.js","/creators-assets/_next/static/immutable/chunks/2svd483q03jkh.js","/creators-assets/_next/static/immutable/chunks/168ndrpf5qukf.js","/creators-assets/_next/static/immutable/chunks/3py036r67l2cz.js","/creators-assets/_next/static/immutable/chunks/1ozc4wc1du10z.js","/creators-assets/_next/static/immutable/chunks/0c6romi9ma0is.js","/creators-assets/_next/static/immutable/chunks/0ak510_hzfaam.js","/creators-assets/_next/static/immutable/chunks/2h_rs7nbfvb7-.js","/creators-assets/_next/static/immutable/chunks/3ly-i84yiij4i.js","/creators-assets/_next/static/immutable/chunks/3oybmd01gs-b6.js","/creators-assets/_next/static/immutable/chunks/0vxt9zvn936s0.js","/creators-assets/_next/static/immutable/chunks/1eyot9c9uwocm.js","/creators-assets/_next/static/immutable/chunks/03stgnoj58q7s.js","/creators-assets/_next/static/immutable/chunks/2mxay2-h-hkwd.js","/creators-assets/_next/static/immutable/chunks/3q5wansxm4vp6.js","/creators-assets/_next/static/immutable/chunks/3uo-268z2xnq9.js","/creators-assets/_next/static/immutable/chunks/355jz6twgi-xd.js","/creators-assets/_next/static/immutable/chunks/2-y_r3u4wh2s3.js","/creators-assets/_next/static/immutable/chunks/0mgwzh6o644jl.js","/creators-assets/_next/static/immutable/chunks/16gequ09928lv.js","/creators-assets/_next/static/immutable/chunks/2f6k-nq5t2nve.js","/creators-assets/_next/static/immutable/chunks/14h9277o22-rl.js","/creators-assets/_next/static/immutable/chunks/3fujn21cf_mt1.js","/creators-assets/_next/static/immutable/chunks/3v380aaevwq5a.js","/creators-assets/_next/static/immutable/chunks/2ch5kewqiwntv.js","/creators-assets/_next/static/immutable/chunks/3e73rezw4k1a2.js","/creators-assets/_next/static/immutable/chunks/3xmobvbzj3637.js","/creators-assets/_next/static/immutable/chunks/26fs9mkd8gzie.js","/creators-assets/_next/static/immutable/chunks/0toe1wcov_38e.js","/creators-assets/_next/static/immutable/chunks/110hzb6dmcbdr.js","/creators-assets/_next/static/immutable/chunks/2eiu9v0ook5ln.js","/creators-assets/_next/static/immutable/chunks/1zt764sfv2wd7.js","/creators-assets/_next/static/immutable/chunks/0l9v835j421-s.js","/creators-assets/_next/static/immutable/chunks/3k6sa9ujkqb5c.js","/creators-assets/_next/static/immutable/chunks/3nd1mzwm7q_f7.js","/creators-assets/_next/static/immutable/chunks/3gx0_q52o4oil.js","/creators-assets/_next/static/immutable/chunks/0u_jiik6ovv_e.js","/creators-assets/_next/static/immutable/chunks/2warb3xv9rce7.js","/creators-assets/_next/static/immutable/chunks/1tvhyiuh-gmez.js"],"CommentSection"] 5a:[["$","$L5d",null,{"post":{"id":"019fc08e-0dd9-77e9-8556-d3193cf0f28e","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"74a3e76f-97e1-41a0-8be7-36a89313134d","name":"Weaver Templates","slug":"weaver-templates","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/74a3e76f-97e1-41a0-8be7-36a89313134d/7wvoro3q","followed":false,"followsYou":false},"media":[],"resources":[{"id":"oXvXaNGISBhrLVvnsK6Q","resolved":true,"title":"Vayra Hero","body":"

A production-ready WebGL hero for Framer. A custom fragment shader drives a continuous fluid distortion between your images, with pointer parallax and an expo.inOut transition curve.

Eight property controls: Slides, Autoplay, Interval, Transition, Parallax, Ramp A, Ramp B, Reduced Motion.

Leave Slides empty and it falls back to a two-color palette ramp, so it never renders blank. Zero dependencies — nothing is fetched at runtime, nothing to install, and no build step. Respects prefers-reduced-motion.

After checkout you receive the insert URL. Paste it onto your canvas and it becomes a native code component layer.

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"A production-ready WebGL hero for Framer. A custom fragment shader drives a continuous fluid distortion between your images, with pointer parallax and an expo.inOut transition curve."}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"Eight property controls: Slides, Autoplay, Interval, Transition, Parallax, Ramp A, Ramp B, Reduced Motion."}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"Leave Slides empty and it falls back to a two-color palette ramp, so it never renders blank. Zero dependencies — nothing is fetched at runtime, nothing to install, and no build step. Respects prefers-reduced-motion."}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"After checkout you receive the insert URL. Paste it onto your canvas and it becomes a native code component layer."}]}]},"introduction":"WebGL shader hero with 8 controls","slug":"vayra-hero","author":{"framerUserId":"74a3e76f-97e1-41a0-8be7-36a89313134d","name":"Weaver Templates","slug":"weaver-templates","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/74a3e76f-97e1-41a0-8be7-36a89313134d/7wvoro3q","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/74a3e76f-97e1-41a0-8be7-36a89313134d/019fc057-ba50-705f-8e21-1b4d2df55656.png","metadata":{"tint":{"h":0,"s":53,"l":66},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-08-02T03:39:22.588Z","updatedAt":"2026-08-03T00:23:12.483Z","publishedAt":"2026-08-02T03:39:22.586Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://orange-yak-922154.framer.app","price":"12","paymentUrl":"https://sektis.gumroad.com/l/vayrahero?wanted=true","workshop":false,"categories":[{"id":"5c50a4d9-4405-49ca-8956-4909a204480d","name":"Sections","slug":"sections"}],"lastSaveId":"NqP7akyXtXkR4pfijXuZ","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":1,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-08-02T03:39:22.969Z","updatedAt":"2026-08-02T03:39:22.969Z","reported":false}}],["$","$L5e",null,{"target":{"kind":"post","postId":"019fc08e-0dd9-77e9-8556-d3193cf0f28e"},"postId":"019fc08e-0dd9-77e9-8556-d3193cf0f28e","postAuthor":"$5a:0:props:post:author","targetCommentId":"$undefined"}]]

Suggested for you