50:I[267044,["/creators-assets/_next/static/immutable/chunks/456dxp3afc8vw.js","/creators-assets/_next/static/immutable/chunks/2bxtessbrg0z1.js","/creators-assets/_next/static/immutable/chunks/0bntpu9zyiup3.js","/creators-assets/_next/static/immutable/chunks/3283ev4bymz-y.js","/creators-assets/_next/static/immutable/chunks/3npaj8f4glbs_.js","/creators-assets/_next/static/immutable/chunks/24bk4ojcoor5n.js","/creators-assets/_next/static/immutable/chunks/2knggklfeqwdv.js","/creators-assets/_next/static/immutable/chunks/18e_sauhpyyit.js","/creators-assets/_next/static/immutable/chunks/13xqrk3e5k8yu.js","/creators-assets/_next/static/immutable/chunks/00hohn9l3ocx9.js","/creators-assets/_next/static/immutable/chunks/3oybmd01gs-b6.js","/creators-assets/_next/static/immutable/chunks/0vxt9zvn936s0.js","/creators-assets/_next/static/immutable/chunks/1yn3k6g09tq32.js","/creators-assets/_next/static/immutable/chunks/3ly-i84yiij4i.js","/creators-assets/_next/static/immutable/chunks/1cey7skpirawe.js","/creators-assets/_next/static/immutable/chunks/3fujn21cf_mt1.js","/creators-assets/_next/static/immutable/chunks/2n9qmawfhavju.js","/creators-assets/_next/static/immutable/chunks/0m8lhf01xskqj.js","/creators-assets/_next/static/immutable/chunks/2-y_r3u4wh2s3.js","/creators-assets/_next/static/immutable/chunks/3uo-268z2xnq9.js","/creators-assets/_next/static/immutable/chunks/3q5wansxm4vp6.js","/creators-assets/_next/static/immutable/chunks/2lxef2-u417vc.js","/creators-assets/_next/static/immutable/chunks/14h9277o22-rl.js","/creators-assets/_next/static/immutable/chunks/0mgwzh6o644jl.js","/creators-assets/_next/static/immutable/chunks/0feduxwyr82nv.js","/creators-assets/_next/static/immutable/chunks/3e73rezw4k1a2.js","/creators-assets/_next/static/immutable/chunks/3xmobvbzj3637.js","/creators-assets/_next/static/immutable/chunks/0h18ahbw9nndq.js","/creators-assets/_next/static/immutable/chunks/0toe1wcov_38e.js","/creators-assets/_next/static/immutable/chunks/110hzb6dmcbdr.js","/creators-assets/_next/static/immutable/chunks/0yqk60ay0h76r.js","/creators-assets/_next/static/immutable/chunks/1zt764sfv2wd7.js","/creators-assets/_next/static/immutable/chunks/3nd1mzwm7q_f7.js","/creators-assets/_next/static/immutable/chunks/046rld3pdrzo7.js","/creators-assets/_next/static/immutable/chunks/0l9v835j421-s.js","/creators-assets/_next/static/immutable/chunks/3gx0_q52o4oil.js","/creators-assets/_next/static/immutable/chunks/2warb3xv9rce7.js","/creators-assets/_next/static/immutable/chunks/0lmmb08iwroji.js","/creators-assets/_next/static/immutable/chunks/3k6sa9ujkqb5c.js"],"S"] 51:T770,This entire site was generated by the Framer agent 😀 Wireframe™ Wireframe is our hackathon entry: a Framer portfolio template built with Framer 3.0 agents, designed around a deliberate contradiction: a finished product that looks unfinished on purpose. The Why? We wanted to go back to the root of what Framer has always been about: creating beautiful, unique sites and templates that stand out for the end user. Now, with the help of AI agents, that vision is more achievable than ever. Wireframe is our answer to what happens when you combine a strong creative direction with the speed of a new tool. The entire site was generated by a Framer agent, from layout to components to handwritten annotations, and it took us less than 8 hours to design & build from scratch. That alone says everything about how powerful it is to bring AI into the design workflow. The What? - Image placeholders in classic wireframe style, rectangles with crossing diagonals - Text placeholder blocks representing content before it is written - Handwritten notes scattered across the page, like a designer mid-process - Figma-style comments throughout, making visitors feel like active collaborators in the design - Fun little hidden easter eggs 😉 There is also a hi-fi button. Press it, and the wireframe aesthetic gives way to a polished version of the same layout: same structure, two completely different feelings. What the agent did Agents built the entire site. Every section, every placeholder component, all generated through conversation (with human supervision and finetuning, of course). What would normally take days to weeks of building happened in hours through iteration and prompting. What surprised us most was how well agents handled aesthetic intent, not just layout logic. Communicating "this should look unfinished" and having the output actually reflect that was the real test, and it passed.52:T85b,

1. Animation Toggle

Purpose: The master switch for the WebGL engine.
Usage: Turn it OFF on mobile breakpoints or low-end devices to instantly fallback to a standard static image, saving 100% of GPU resources.

2. Performance Mode (Optimization)

High Perf (Recommended): Uses smart "Intersection Sensing." The animation only runs when the image is visible on the screen. Best for long landing pages with multiple distorted images.
Ultra Smooth: Keeps the engine active at all times. Ideal for hero sections where you want an instantaneous reaction to the very first pixel of scrolling.

3. Start Delay (s)

Purpose: Prevents "Animation Lag" during page load.
Usage: If your site has a loading screen or entry animations, set this to 1.5s - 2.0s. The component will stay as a static image during the delay (keeping your loader smooth) and then elegantly fade into the WebGL effect. Set to 0 for instant activation.

4. Intensity & Fluidity

Intensity: Controls how much the image "bends" or "warps" during the scroll. Higher values create a more dramatic liquid effect.
Fluidity (Speed): Adjusts the physics of the distortion. Lower values make the warp feel heavy and viscous, while higher values make it feel light and reactive.

If you need any help with your purchased component, please contact me at dn.tri106@gmail.com or My X account.

53:T404,

Properties:

Mode:
1. Start Trigger: The image clips in sync with the scroll inside the trigger (Scroll Section)
2. Disappear: On page load, content hides bottom→top with configurable duration/ease/delay.

Section ID: The ID of your scroll section. The effect starts when its top hits the viewport and ends when the section finishes.
Scale (set): default 1.0; set (e.g., 1.05–1.10) and it eases back to 1.0.

54:T828,

See Example

Key Features:

5-second setup: Drop the component inside your parent frame(section) and it just works.
Pinned horizontal experience: Locks the section while scrolling horizontally through your sections.
Scroll length by section height: The taller your parent frame (e.g., 400vh), the longer/smoother the horizontal scroll.
Layout-preserving: Doesn’t change your existing layout styles — keep using your own stacks/auto-layout.
Responsive by design: Simply size panels so their total width exceeds the parent frame; mixed panel widths are fine.
Mobile-friendly toggle: Turn Horizontal OFF to fall back to normal vertical scrolling on phones or tablets.

Just a few quick notes:

The Horizontal Frame includes sections that should = full screen width — that means Width = 100% or Fill.
Make sure the Horizontal Frame’s height is more than 100vh — that’s what allows the horizontal scroll to happen.

If you need any help with your purchased component, please contact me at dn.tri106@gmail.com or My X account.

4f:["$","$L50",null,{"value":{"fallback":{"$inf$activity-creator-cdef7353-cd0e-4332-b5f4-2447abe1524f-all:/unified/creator/cdef7353-cd0e-4332-b5f4-2447abe1524f/activity/":[{"data":[{"id":"019edda0-d015-74aa-98db-e3ba81ccd7d0","type":"site.liked","target":{"type":"site","id":"13152","preview":"Huehaus","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/sites/13152/thumbnail-zDJaNJRXkkCNUvreuIEIFOyFm5bTer.jpg","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"cdef7353-cd0e-4332-b5f4-2447abe1524f","name":"Tri Dang","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/84083/avatar-frHKBTQLAxliT5rrFHU8oQKTQ4UjV4.jpg","slug":"tri-dang","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"site","visibility":"public","startedAt":"2026-06-19T02:06:04.304Z","latestAt":"2026-06-19T02:06:04.304Z"},{"id":"019edd9b-e097-724a-8a1a-a9ddc1b2f2be","type":"site.liked","target":{"type":"site","id":"16346","preview":"Mosaic","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/75daa66e-f6ac-40cc-a657-fc512991d883/0lp4ret0","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"cdef7353-cd0e-4332-b5f4-2447abe1524f","name":"Tri Dang","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/84083/avatar-frHKBTQLAxliT5rrFHU8oQKTQ4UjV4.jpg","slug":"tri-dang","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"site","visibility":"public","startedAt":"2026-06-19T02:00:40.849Z","latestAt":"2026-06-19T02:00:40.849Z"},{"id":"019ed841-3550-76e7-a8ed-5f5df89377a0","type":"post.liked","target":{"type":"post","id":"019ed682-b35d-753c-9b0f-4b20ef9b3364","preview":"$51","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"This entire site was generated by the Framer agent "},{"type":"emoji","attrs":{"name":"grinning","emoji":"😀"}}]},{"type":"paragraph","content":[{"type":"text","text":"Wireframe","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"https://wireframee.framer.website/","target":"_blank"}},{"type":"bold"}]},{"type":"emoji","attrs":{"name":"tm","emoji":"™"}}]},{"type":"paragraph","content":[{"type":"text","text":"Wireframe is our hackathon entry: a Framer portfolio template built with Framer 3.0 agents, designed around a deliberate contradiction: a finished product that looks unfinished on purpose."}]},{"type":"paragraph","content":[{"type":"text","text":"The Why?","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"We wanted to go back to the root of what Framer has always been about: creating beautiful, unique sites and templates that stand out for the end user. Now, with the help of AI agents, that vision is more achievable than ever. Wireframe is our answer to what happens when you combine a strong creative direction with the speed of a new tool. The entire site was generated by a Framer agent, from layout to components to handwritten annotations, and it took us less than 8 hours to design & build from scratch. That alone says everything about how powerful it is to bring AI into the design workflow."}]},{"type":"paragraph","content":[{"type":"text","text":"The What?","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"- Image placeholders in classic wireframe style, rectangles with crossing diagonals"}]},{"type":"paragraph","content":[{"type":"text","text":"- Text placeholder blocks representing content before it is written"}]},{"type":"paragraph","content":[{"type":"text","text":"- Handwritten notes scattered across the page, like a designer mid-process"}]},{"type":"paragraph","content":[{"type":"text","text":"- Figma-style comments throughout, making visitors feel like active collaborators in the design"}]},{"type":"paragraph","content":[{"type":"text","text":"- Fun little hidden easter eggs "},{"type":"emoji","attrs":{"name":"wink","emoji":"😉"}},{"type":"text","text":" "}]},{"type":"paragraph","content":[{"type":"text","text":"There is also a hi-fi button. Press it, and the wireframe aesthetic gives way to a polished version of the same layout: same structure, two completely different feelings."}]},{"type":"paragraph","content":[{"type":"text","text":"What the agent did","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"Agents built the entire site. Every section, every placeholder component, all generated through conversation (with human supervision and finetuning, of course). What would normally take days to weeks of building happened in hours through iteration and prompting."}]},{"type":"paragraph","content":[{"type":"text","text":"What surprised us most was how well agents handled aesthetic intent, not just layout logic. Communicating \"this should look unfinished\" and having the output actually reflect that was the real test, and it passed."}]}]},"thumbnail":null,"targetDeleted":false,"owned":false,"actions":{"postId":"019ed682-b35d-753c-9b0f-4b20ef9b3364","like":{"count":23,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"context":null,"actors":[{"id":"cdef7353-cd0e-4332-b5f4-2447abe1524f","name":"Tri Dang","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/84083/avatar-frHKBTQLAxliT5rrFHU8oQKTQ4UjV4.jpg","slug":"tri-dang","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-06-18T01:03:32.685Z","latestAt":"2026-06-18T01:03:32.685Z"}],"pagination":{"next":null,"previous":null},"totalCount":"$undefined","feedSession":"$undefined"}],"$inf$posts:cdef7353-cd0e-4332-b5f4-2447abe1524f:/unified/posts/?creator=cdef7353-cd0e-4332-b5f4-2447abe1524f&with=reposts":[{"data":[{"id":"019d91f0-30b5-7865-954b-dd57b798e983","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"cdef7353-cd0e-4332-b5f4-2447abe1524f","name":"Tri Dang","slug":"tri-dang","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/84083/avatar-frHKBTQLAxliT5rrFHU8oQKTQ4UjV4.jpg","badges":["expert"],"followed":false,"followsYou":false},"media":[],"resources":[{"id":"scGi2TjpWkelOHF8yIhs","resolved":true,"title":"JellyImage","body":"$52","bodyJson":null,"introduction":"Adaptive WebGL Image Distortion","slug":"jellyimage","author":{"framerUserId":"cdef7353-cd0e-4332-b5f4-2447abe1524f","name":"Tri Dang","slug":"tri-dang","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/84083/avatar-frHKBTQLAxliT5rrFHU8oQKTQ4UjV4.jpg","badges":["expert"],"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/scGi2TjpWkelOHF8yIhs/jellyimage-8TSe2fq6hksZKvePFv3njkwLfDPOEI","metadata":{"tint":{"h":0,"s":0,"l":57},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-04-01T15:47:59.537Z","updatedAt":"2026-04-20T02:17:47.950Z","publishedAt":"2026-04-15T16:18:50.677Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://jellyimage.framer.website/","price":"5","paymentUrl":"https://dangtri.lemonsqueezy.com/checkout/buy/ae986af6-3441-41e8-be72-b604681204a8","workshop":false,"categories":[{"id":"323e97d6-f443-488c-8661-794a9a83a20f","name":"Effects","slug":"effects"}],"lastSaveId":"XTmt9IuKFW1xb6jzmzlq","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":3,"liked":false},"comments":{"count":1},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-04-15T16:18:50.677Z","updatedAt":"2026-04-15T16:18:50.677Z","type":"post"},{"id":"019d03c8-8cd8-7b07-ac03-4dcb296632c3","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"cdef7353-cd0e-4332-b5f4-2447abe1524f","name":"Tri Dang","slug":"tri-dang","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/84083/avatar-frHKBTQLAxliT5rrFHU8oQKTQ4UjV4.jpg","badges":["expert"],"followed":false,"followsYou":false},"media":[],"resources":[{"id":"14065","resolved":true,"title":"HueHaus Agency","body":null,"bodyJson":null,"introduction":"This is a new project where I redesigned the website for my agency.","slug":"huehaus-agency","author":{"framerUserId":"cdef7353-cd0e-4332-b5f4-2447abe1524f","name":"Tri Dang","slug":"tri-dang","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/84083/avatar-frHKBTQLAxliT5rrFHU8oQKTQ4UjV4.jpg","badges":["expert"],"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/sites/14065/thumbnail-G6w1aRuHCvgde2p0xW9vGivvrz8F23.jpg","metadata":{"tint":{"h":0,"s":0,"l":3},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-03-19T01:49:28.151Z","updatedAt":"2026-03-19T01:49:28.151Z","publishedAt":"2026-03-19T01:49:28.152Z","featuredAt":null,"approvedAt":null,"type":"site","attributes":{"url":"https://huehaus.design/","categories":[{"id":"4e292c6b-a094-4031-be7b-7affa4349187","name":"Agency","slug":"agency"},{"id":"6a730e3d-bdf2-42a2-ab42-eee5ef39b694","name":"Portfolio","slug":"portfolio"}],"mainCategory":{"id":"2dae49ef-4ce4-4fb9-85f7-fa9ac6d629af","name":"Branding","slug":"branding"},"styles":[{"id":"bfef686f-0676-42d4-8864-38e7fea1f763","name":"Bold","slug":"bold"}],"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-03-19T01:49:28.152Z","updatedAt":"2026-03-19T01:49:28.152Z","type":"post"},{"id":"019a613e-3438-75f9-b86a-611557f58061","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"cdef7353-cd0e-4332-b5f4-2447abe1524f","name":"Tri Dang","slug":"tri-dang","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/84083/avatar-frHKBTQLAxliT5rrFHU8oQKTQ4UjV4.jpg","badges":["expert"],"followed":false,"followsYou":false},"media":[],"resources":[{"id":"hn5uWAFY4LhArUDGSnHq","resolved":true,"title":"Clip Image","body":"$53","bodyJson":null,"introduction":"","slug":"clip-image","author":{"framerUserId":"cdef7353-cd0e-4332-b5f4-2447abe1524f","name":"Tri Dang","slug":"tri-dang","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/84083/avatar-frHKBTQLAxliT5rrFHU8oQKTQ4UjV4.jpg","badges":["expert"],"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/hn5uWAFY4LhArUDGSnHq/clip-image-ENdtl4F7W8ZWc2It4NsZA3JfnTZCko","metadata":{"tint":{"h":17,"s":89,"l":57},"width":1600,"height":1200}}],"post":null,"createdAt":"2025-10-27T09:36:49.962Z","updatedAt":"2025-12-03T03:02:23.942Z","publishedAt":"2025-11-08T02:14:17.912Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":"https://hy.chujiqiqi.com/m/ScrollClip-Image-1-5vEy.js@P6adKoQDQSJZIuujwYMP","previewUrl":"https://imageclip.framer.website/","price":null,"paymentUrl":null,"workshop":false,"categories":[{"id":"323e97d6-f443-488c-8661-794a9a83a20f","name":"Effects","slug":"effects"}],"lastSaveId":"P6adKoQDQSJZIuujwYMP","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":5,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2025-11-08T02:14:17.912Z","updatedAt":"2025-11-08T02:14:17.912Z","type":"post"},{"id":"019a1161-4d4d-78cd-b65b-cc615929d0a6","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"cdef7353-cd0e-4332-b5f4-2447abe1524f","name":"Tri Dang","slug":"tri-dang","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/84083/avatar-frHKBTQLAxliT5rrFHU8oQKTQ4UjV4.jpg","badges":["expert"],"followed":false,"followsYou":false},"media":[],"resources":[{"id":"GbZJoKfqJ7M8e3xJcssV","resolved":true,"title":"Horizontal Scroll 5S","body":"$54","bodyJson":null,"introduction":"","slug":"horizontal-scroll-5s","author":{"framerUserId":"cdef7353-cd0e-4332-b5f4-2447abe1524f","name":"Tri Dang","slug":"tri-dang","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/84083/avatar-frHKBTQLAxliT5rrFHU8oQKTQ4UjV4.jpg","badges":["expert"],"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/GbZJoKfqJ7M8e3xJcssV/horizontal-scroll-5s-i2HloGUd7bjY8CbZ5e2oL0qiNPgybQ","metadata":{"tint":{"h":0,"s":0,"l":3},"width":1600,"height":1200}}],"post":null,"createdAt":"2025-10-13T08:28:32.928Z","updatedAt":"2025-11-08T02:16:11.484Z","publishedAt":"2025-10-23T14:03:00.813Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://demo-horizontal-scroll.framer.website/","price":"5","paymentUrl":"https://dangtri.lemonsqueezy.com/buy/4b99957c-3c44-47fe-8aeb-54a54424c3c0","workshop":false,"categories":[{"id":"5c50a4d9-4405-49ca-8956-4909a204480d","name":"Sections","slug":"sections"}],"lastSaveId":"jXsKbQEcolM5NXtfnWDO","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":12,"liked":false},"comments":{"count":1},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2025-10-23T14:03:00.813Z","updatedAt":"2025-10-23T14:03:00.813Z","type":"post"},{"id":"0199316c-844c-7363-a10b-245367439af1","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"cdef7353-cd0e-4332-b5f4-2447abe1524f","name":"Tri Dang","slug":"tri-dang","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/84083/avatar-frHKBTQLAxliT5rrFHU8oQKTQ4UjV4.jpg","badges":["expert"],"followed":false,"followsYou":false},"media":[],"resources":[{"id":"kvGIK8CvPWoCDf2NPaIi","resolved":true,"title":"Grid Hover Effect","body":"

Features:

Easy to change the grid size
Easy to change color
Can be used for responsive design

","bodyJson":null,"introduction":"","slug":"grid-hover-effect","author":{"framerUserId":"cdef7353-cd0e-4332-b5f4-2447abe1524f","name":"Tri Dang","slug":"tri-dang","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/84083/avatar-frHKBTQLAxliT5rrFHU8oQKTQ4UjV4.jpg","badges":["expert"],"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/kvGIK8CvPWoCDf2NPaIi/grid-hover-effect-uszYvreN3w0BFbvBS6O89pSmk1vryg","metadata":{"tint":{"h":0,"s":0,"l":57},"width":1600,"height":1200}}],"post":null,"createdAt":"2025-08-22T07:36:30.617Z","updatedAt":"2025-09-02T15:12:59.104Z","publishedAt":"2025-09-10T02:20:19.404Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":"https://hy.chujiqiqi.com/m/Grid-Hover-Effect-ASlO.js@LCLdaTYwg8HBhivSEQAM","previewUrl":"https://hovercolor.framer.website/","price":null,"paymentUrl":null,"workshop":true,"categories":[{"id":"7677fa83-43ce-41a2-a3fe-db438ec0fd33","name":"Interactive","slug":"interactive"}],"lastSaveId":"LCLdaTYwg8HBhivSEQAM","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":20,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2025-09-10T02:20:19.404Z","updatedAt":"2025-09-10T02:20:19.404Z","type":"post"}],"pagination":{"next":null,"previous":null},"totalCount":"$undefined","feedSession":"$undefined"}]}},"children":"$L55"}]