65:I[267044,["/creators-assets/_next/static/immutable/chunks/356g_j0l71_46.js","/creators-assets/_next/static/immutable/chunks/3bibva_hl5iqy.js","/creators-assets/_next/static/immutable/chunks/125_ce2ese0y_.js","/creators-assets/_next/static/immutable/chunks/3_vedwwik9kwx.js","/creators-assets/_next/static/immutable/chunks/1jubx4t_1hq7l.js","/creators-assets/_next/static/immutable/chunks/0c6romi9ma0is.js","/creators-assets/_next/static/immutable/chunks/3o8r_4s04xi2z.js","/creators-assets/_next/static/immutable/chunks/2fjwvdycfnlp5.js","/creators-assets/_next/static/immutable/chunks/0r10zdsyx-ur2.js","/creators-assets/_next/static/immutable/chunks/1cuuzi60s_xh3.js","/creators-assets/_next/static/immutable/chunks/0h4bpdjiu20m1.js","/creators-assets/_next/static/immutable/chunks/3kkqflhmmpg9p.js","/creators-assets/_next/static/immutable/chunks/2504rifrkrd_l.js","/creators-assets/_next/static/immutable/chunks/3s2zch-ye42_l.js","/creators-assets/_next/static/immutable/chunks/2rczsbgoa3afm.js","/creators-assets/_next/static/immutable/chunks/14h9277o22-rl.js","/creators-assets/_next/static/immutable/chunks/00ebnw8devfa0.js","/creators-assets/_next/static/immutable/chunks/43086d68m86ee.js","/creators-assets/_next/static/immutable/chunks/0ib-rcz4b0eq3.js","/creators-assets/_next/static/immutable/chunks/3kdp38xspo624.js","/creators-assets/_next/static/immutable/chunks/2-y_r3u4wh2s3.js","/creators-assets/_next/static/immutable/chunks/1sugay03d_r-_.js","/creators-assets/_next/static/immutable/chunks/0xd4yj8g3g-ci.js","/creators-assets/_next/static/immutable/chunks/0mgwzh6o644jl.js","/creators-assets/_next/static/immutable/chunks/0mq1i7guy9x38.js","/creators-assets/_next/static/immutable/chunks/3o5qsyzxffd89.js","/creators-assets/_next/static/immutable/chunks/16kvwplszpb49.js","/creators-assets/_next/static/immutable/chunks/0mh5jvwc33gcz.js","/creators-assets/_next/static/immutable/chunks/32_fdxpqhpsw-.js","/creators-assets/_next/static/immutable/chunks/3um5ae_udgvki.js","/creators-assets/_next/static/immutable/chunks/09nuoamhdspq1.js","/creators-assets/_next/static/immutable/chunks/2t30dt_pkt6vy.js","/creators-assets/_next/static/immutable/chunks/2m-zjjbxmagmn.js","/creators-assets/_next/static/immutable/chunks/14pxn0b6e1dc9.js","/creators-assets/_next/static/immutable/chunks/3eh5q_6ksmw0l.js","/creators-assets/_next/static/immutable/chunks/3uclgk1u5qk0z.js","/creators-assets/_next/static/immutable/chunks/2qeyp4zfa4qwb.js","/creators-assets/_next/static/immutable/chunks/19r4rf2zyng-y.js","/creators-assets/_next/static/immutable/chunks/2rdaqkxiyeq_6.js","/creators-assets/_next/static/immutable/chunks/0lx7q3wrd-vbb.js","/creators-assets/_next/static/immutable/chunks/31uxrh745m-yq.js"],"S"] 66:T97a,

Interactive Grid Pattern Background

Interactive Grid Max brings your Framer projects to life with a responsive grid background that reacts to user interaction. As visitors move their cursor, grid cells illuminate with smooth, customizable glow effects—creating a modern, engaging visual experience that feels both polished and dynamic.

Key Features:

Real-time Mouse Interaction – Grid cells respond smoothly to cursor movement with animated glow effects
Highly Customizable – Control cell size, glow color, border color, and background to match any brand
Performance Optimized – Efficient rendering ensures smooth animations and responsive interactions
Fully Responsive – Adapts seamlessly to all screen sizes and layouts
Ambient Visual Enhancements – Optional center glow and vignette overlay for added depth
Lightweight & Dependency-Free – No external packages required

Customization Controls:

Cell Size – Adjust grid density from fine to bold layouts (20px–200px)
Glow Color – Choose any color with adjustable transparency
Border Color – Define subtle or high-contrast grid lines
Background Color – Set the base canvas color
Ambient Glow – Toggle a soft radial glow at the center
Vignette Effect – Enable or disable edge darkening for focus

How to Use:

Drag Interactive Grid Max onto your Framer canvas
Resize it to fit your layout (ideal for full-screen backgrounds)
Customize grid density, colors, and effects in the properties panel
Layer content on top for hero sections, feature blocks, or full-page layouts
Preview the page to experience the interactive hover effects

Ideal Use Cases:

Hero backgrounds for landing pages
Portfolio and agency website headers
Product and feature showcases
SaaS and tech marketing sites
Interactive presentations and demos
Modern dashboards and interfaces
Event and conference websites
Creative studio portfolios

67:T4d5,

Ring Riot — a 3D arcade boxing game you build, theme, and play entirely in Framer.

Step into the ring with Ring Riot, a fully playable 3D arcade boxing game made in Framer with an AI agent. Upload any photo and watch it wrap onto your opponent’s glossy head-guarded dummy, then throw lightning-fast jabs, crosses, and rapid-fire flurries to wobble it, rattle it, and knock it out. Every punch lands with screen shake, impact flashes, and a satisfying bell-and-bamm soundtrack.

Pick your division — Easy, Medium, or Hard — chase a high score against the clock, and track your wins, losses, and best round across sessions. Ring Riot is fully responsive with dedicated touch controls, so it plays just as hard on phone as it does on desktop. Built with editable color and typography controls, real Three.js rendering, and a custom audio pipeline, it shows just how far an agent-built Framer site can punch.

Why it stands out: real-time 3D in Framer, face-upload personalization, arcade-grade feedback, persistent stats, and a bold editorial visual system — all agent-built and instantly playable.

Enjoy the game!

68:Ta4d,

Animated Grainy Beams Background

Enhance your Framer projects with elegant animated gradient beams that move smoothly across the screen. This premium background component blends fluid SVG path animations with a subtle grain overlay, delivering a modern, refined aesthetic that adds visual interest without distracting from your content.

Key Features:

Smooth animated gradient beams with three-point color control (start, middle, end)
Subtle grain texture overlay for added depth and visual richness
Performance-optimized with a static preview in the Framer canvas
Fully responsive and adapts seamlessly to all screen sizes
Independent control over beam opacity, width, and animation speed
Optional static background beams to enhance depth perception
No external dependencies beyond Framer Motion

Customization Controls:

Background Color – Set the base canvas color
Beam Colors – Three-point gradient control
Beam Opacity – Adjust animated beam visibility (0–1)
Static Opacity – Control background beam intensity (0–0.2)
Beam Width – Fine-tune stroke thickness (0.5–3px)
Animation Speed – Control beam movement speed (0.1–3×)
Grain Intensity – Adjust texture strength (0–0.2)

How to Use:

Drag the component onto your Framer canvas
Resize it to fit your layout (full-screen or section background)
Customize colors to match your brand
Adjust animation speed and beam settings
Layer your content on top for polished hero or feature sections

Ideal Use Cases:

Hero sections and landing pages
Product highlights and feature showcases
Portfolio and agency websites
SaaS product pages and dashboards
Event, conference, and promotional sites
Modern tech, startup, and creative studio websites

Grab it Today!

Upgrade your Framer designs with a polished animated background. Add this component to your project and create memorable first impressions that keep users engaged.

69:T992,

3D Biomine Shaders – Organic Tunnel Animation

Bring cinematic depth to your Framer projects with 3D Biomine Shaders, a WebGL-powered component that renders organic, bio-mechanical tunnel environments in real time. With fluid motion, atmospheric lighting, and procedural detail, it’s ideal for bold, immersive web experiences.

Key Features:

Real-Time WebGL Rendering – Smooth, GPU-accelerated 3D animation
Organic Tunnel Motion – Procedurally generated tunnel paths with flowing biomatter
Advanced Shader Effects – Includes reflections, refractions, ambient occlusion, and surface detailing
Performance-Optimized – Efficient rendering designed for modern browsers
Fully Responsive – Adapts seamlessly to any canvas or screen size

Customization Controls:

Camera Speed – Control forward motion through the tunnel (0–3×)
Path Intensity – Adjust tunnel curvature and winding (0–3×)
Biomatter Flow – Fine-tune organic surface movement (0–3×)
Lighting Intensity – Set overall scene brightness and mood (0–3×)

How to Use:

Drag 3D Biomine Shaders onto your Framer canvas
Resize it to fit your layout or background area
Adjust animation and lighting controls in the properties panel
Publish and enjoy an immersive visual experience

Ideal Use Cases:

Hero sections for tech, sci-fi, and gaming websites
Creative and experimental portfolios
Immersive landing pages and campaigns
Product launches requiring strong visual impact
Agency sites showcasing technical creativity
Interactive art and digital installations

Make it Yours!

Create bold, cinematic visuals with 3D Biomine Shaders. Add it to your Framer projects and deliver immersive experiences that instantly capture attention.

64:["$","$L65",null,{"value":{"fallback":{"$inf$activity-creator-2c5f95ef-4f5f-4aa7-b151-21f07e16c5cf-all:/unified/creator/2c5f95ef-4f5f-4aa7-b151-21f07e16c5cf/activity/":[{"data":[{"id":"019ef1f5-44aa-7360-9efd-f3559ef9570a","type":"comment.reply","target":{"type":"post","id":"019ed5fc-12f4-7218-8d88-bd98ad295843","preview":null,"previewJson":null,"thumbnail":null,"targetDeleted":false,"owned":true,"actions":{"postId":"019ed5fc-12f4-7218-8d88-bd98ad295843","like":{"count":8,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"context":{"type":"comment","id":"019ef1f5-4496-705e-ba09-3b4b866694e2","preview":"Hahah.. yeah, sure. I'll check it out","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Hahah.. yeah, sure. I'll check it out"}]}]},"thumbnail":null,"targetDeleted":false,"owned":true,"actions":{"postId":"019ed5fc-12f4-7218-8d88-bd98ad295843","like":{"count":1,"liked":false},"reply":{"parentCommentId":"019eda28-3277-718f-b6c4-30caa6e9d5e3"},"repost":null}},"actors":[{"id":"2c5f95ef-4f5f-4aa7-b151-21f07e16c5cf","name":"Creativa Studio","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/857517/avatar-yHnk3Xc3hC2mIwD9TNxRyUcfa7qJ8E.jpg","slug":"creativa","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-06-23T00:50:43.498Z","latestAt":"2026-06-23T00:50:43.498Z"},{"id":"019ee33c-304c-7727-8d8d-2f105d0cdde4","type":"component.created","target":{"type":"component","id":"Yt9U3yxjAKY3id9h5Mmt","preview":"Interactive Grid Max","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/2c5f95ef-4f5f-4aa7-b151-21f07e16c5cf/2ee001gc","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"2c5f95ef-4f5f-4aa7-b151-21f07e16c5cf","name":"Creativa Studio","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/857517/avatar-yHnk3Xc3hC2mIwD9TNxRyUcfa7qJ8E.jpg","slug":"creativa","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"component","visibility":"public","startedAt":"2026-06-20T04:13:53.100Z","latestAt":"2026-06-20T04:13:53.100Z"}],"pagination":{"next":null,"previous":null},"totalCount":"$undefined","feedSession":"$undefined"}],"$inf$posts:2c5f95ef-4f5f-4aa7-b151-21f07e16c5cf:/unified/posts/?creator=2c5f95ef-4f5f-4aa7-b151-21f07e16c5cf&with=reposts":[{"data":[{"id":"019ee33c-3008-74ca-a937-264c43c86d39","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"2c5f95ef-4f5f-4aa7-b151-21f07e16c5cf","name":"Creativa Studio","slug":"creativa","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/857517/avatar-yHnk3Xc3hC2mIwD9TNxRyUcfa7qJ8E.jpg","followed":false,"followsYou":false},"media":[],"resources":[{"id":"Yt9U3yxjAKY3id9h5Mmt","resolved":true,"title":"Interactive Grid Max","body":"$66","bodyJson":{"type":"doc","content":[{"type":"customHeading","content":[{"type":"text","text":"Interactive Grid Pattern Background","marks":[{"type":"bold"}]}],"attrs":{"level":1}},{"type":"paragraph","content":[{"type":"text","text":"Interactive Grid Max brings your Framer projects to life with a responsive grid background that reacts to user interaction. As visitors move their cursor, grid cells illuminate with smooth, customizable glow effects—creating a modern, engaging visual experience that feels both polished and dynamic."}]},{"type":"customHeading","content":[{"type":"text","text":"Key Features:","marks":[{"type":"bold"}]}],"attrs":{"level":2}},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Real-time Mouse Interaction – Grid cells respond smoothly to cursor movement with animated glow effects"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Highly Customizable – Control cell size, glow color, border color, and background to match any brand"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Performance Optimized – Efficient rendering ensures smooth animations and responsive interactions"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Fully Responsive – Adapts seamlessly to all screen sizes and layouts"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Ambient Visual Enhancements – Optional center glow and vignette overlay for added depth"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Lightweight & Dependency-Free – No external packages required"}]}]}]},{"type":"customHeading","content":[{"type":"text","text":"Customization Controls:","marks":[{"type":"bold"}]}],"attrs":{"level":2}},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Cell Size – Adjust grid density from fine to bold layouts (20px–200px)"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Glow Color – Choose any color with adjustable transparency"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Border Color – Define subtle or high-contrast grid lines"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Background Color – Set the base canvas color"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Ambient Glow – Toggle a soft radial glow at the center"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Vignette Effect – Enable or disable edge darkening for focus"}]}]}]},{"type":"customHeading","content":[{"type":"text","text":"How to Use:","marks":[{"type":"bold"}]}],"attrs":{"level":2}},{"type":"orderedList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Drag Interactive Grid Max onto your Framer canvas"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Resize it to fit your layout (ideal for full-screen backgrounds)"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Customize grid density, colors, and effects in the properties panel"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Layer content on top for hero sections, feature blocks, or full-page layouts"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Preview the page to experience the interactive hover effects"}]}]}],"attrs":{"type":null,"start":1}},{"type":"customHeading","content":[{"type":"text","text":"Ideal Use Cases:","marks":[{"type":"bold"}]}],"attrs":{"level":2}},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Hero backgrounds for landing pages"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Portfolio and agency website headers"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Product and feature showcases"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"SaaS and tech marketing sites"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Interactive presentations and demos"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Modern dashboards and interfaces"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Event and conference websites"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Creative studio portfolios"}]}]}]}]},"introduction":"Playful Grid Pattern Background","slug":"interactive-grid-max","author":{"framerUserId":"2c5f95ef-4f5f-4aa7-b151-21f07e16c5cf","name":"Creativa Studio","slug":"creativa","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/857517/avatar-yHnk3Xc3hC2mIwD9TNxRyUcfa7qJ8E.jpg","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/2c5f95ef-4f5f-4aa7-b151-21f07e16c5cf/2ee001gc","metadata":{"tint":{"h":0,"s":0,"l":3},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-06-20T04:13:52.997Z","updatedAt":"2026-06-20T04:13:52.997Z","publishedAt":"2026-06-20T04:13:52.994Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://interactive-grid-max.framer.website/","price":"5","paymentUrl":"https://buy.polar.sh/polar_cl_bUJHte0qSEGgBd7ni3zkPqj7gHXW8SoAYXvLA3ylWHW","workshop":true,"categories":[{"id":"1a3a0eb3-698e-461a-bf42-2502a7ed43e0","name":"Backgrounds","slug":"backgrounds"}],"lastSaveId":"2DWskZBhIyjE66S0W7BY","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":5,"liked":false},"comments":{"count":1},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-06-20T04:13:53.032Z","updatedAt":"2026-06-20T04:13:53.032Z"},{"id":"019ed5fc-12f4-7218-8d88-bd98ad295843","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"2c5f95ef-4f5f-4aa7-b151-21f07e16c5cf","name":"Creativa Studio","slug":"creativa","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/857517/avatar-yHnk3Xc3hC2mIwD9TNxRyUcfa7qJ8E.jpg","followed":false,"followsYou":false},"media":[],"resources":[],"contests":[{"id":"019ed5fc-12f4-7218-8d88-c399dd17cb29","contestId":"agents-hackathon","author":{"framerUserId":"2c5f95ef-4f5f-4aa7-b151-21f07e16c5cf","name":"Creativa Studio","slug":"creativa","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/857517/avatar-yHnk3Xc3hC2mIwD9TNxRyUcfa7qJ8E.jpg"},"title":"Ring Riot — Boxing","body":"$67","bodyJson":{"type":"doc","content":[{"type":"customHeading","content":[{"type":"text","text":"Ring Riot — a 3D arcade boxing game you build, theme, and play entirely in Framer.","marks":[{"type":"bold"}]}],"attrs":{"level":1}},{"type":"paragraph","content":[{"type":"text","text":"Step into the ring with Ring Riot, a fully playable 3D arcade boxing game made in Framer with an AI agent. Upload any photo and watch it wrap onto your opponent’s glossy head-guarded dummy, then throw lightning-fast jabs, crosses, and rapid-fire flurries to wobble it, rattle it, and knock it out. Every punch lands with screen shake, impact flashes, and a satisfying bell-and-bamm soundtrack.","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"Pick your division — Easy, Medium, or Hard — chase a high score against the clock, and track your wins, losses, and best round across sessions. Ring Riot is fully responsive with dedicated touch controls, so it plays just as hard on phone as it does on desktop. Built with editable color and typography controls, real Three.js rendering, and a custom audio pipeline, it shows just how far an agent-built Framer site can punch.","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"Why it stands out: real-time 3D in Framer, face-upload personalization, arcade-grade feedback, persistent stats, and a bold editorial visual system — all agent-built and instantly playable.","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"Enjoy the game!","marks":[{"type":"bold"}]}]}]},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/2c5f95ef-4f5f-4aa7-b151-21f07e16c5cf/p2cdrjkj","metadata":{"tint":{"h":0,"s":86,"l":22},"width":1600,"height":1200}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/2c5f95ef-4f5f-4aa7-b151-21f07e16c5cf/vzv7u615","metadata":{"tint":{"h":30,"s":70,"l":49},"width":1600,"height":1200}}],"post":null,"data":{"previewUrl":"https://ringriot.framer.website/"},"winner":false,"createdAt":"2026-06-17T14:28:47.545Z","updatedAt":"2026-06-17T14:28:47.545Z"}],"categories":[],"tags":[],"likes":{"count":8,"liked":false},"comments":{"count":2},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-06-17T14:28:47.492Z","updatedAt":"2026-06-17T14:28:47.492Z"},{"id":"019c3700-963b-7e09-b54c-72a59dbe4435","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"2c5f95ef-4f5f-4aa7-b151-21f07e16c5cf","name":"Creativa Studio","slug":"creativa","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/857517/avatar-yHnk3Xc3hC2mIwD9TNxRyUcfa7qJ8E.jpg","followed":false,"followsYou":false},"media":[],"resources":[{"id":"98OvQo01Y9b09c73OYPy","resolved":true,"title":"Animated Grainy Beam","body":"$68","bodyJson":null,"introduction":"Gradient beams background with texture","slug":"animated-grainy-beam","author":{"framerUserId":"2c5f95ef-4f5f-4aa7-b151-21f07e16c5cf","name":"Creativa Studio","slug":"creativa","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/857517/avatar-yHnk3Xc3hC2mIwD9TNxRyUcfa7qJ8E.jpg","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/98OvQo01Y9b09c73OYPy/animated-grainy-beam-aTwskQaNWhp66oH3TdGnCfSE8vEZbQ","metadata":{"tint":{"h":0,"s":0,"l":3},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-01-28T09:44:00.564Z","updatedAt":"2026-02-06T20:31:44.846Z","publishedAt":"2026-02-07T07:28:31.291Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://animated-grainy-beam.framer.website/","price":"5","paymentUrl":"https://buy.polar.sh/polar_cl_QAdTRbNxlpSvcTfaDhRtqBwmyGA8gnspCp3gF3AF0TS","workshop":true,"categories":[{"id":"1a3a0eb3-698e-461a-bf42-2502a7ed43e0","name":"Backgrounds","slug":"backgrounds"}],"lastSaveId":"3rUFMBgPVCu424cKoPYh","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":6,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-02-07T07:28:31.291Z","updatedAt":"2026-02-07T07:28:31.291Z"},{"id":"019c3006-e901-702b-b931-6088c1952166","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"2c5f95ef-4f5f-4aa7-b151-21f07e16c5cf","name":"Creativa Studio","slug":"creativa","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/857517/avatar-yHnk3Xc3hC2mIwD9TNxRyUcfa7qJ8E.jpg","followed":false,"followsYou":false},"media":[],"resources":[{"id":"rGRtTnwlG5uqr3yqrPm4","resolved":true,"title":"3D Biomine Shaders","body":"$69","bodyJson":null,"introduction":"Animated 3D organic tunnel with WebGL","slug":"3d-biomine-shaders","author":{"framerUserId":"2c5f95ef-4f5f-4aa7-b151-21f07e16c5cf","name":"Creativa Studio","slug":"creativa","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/857517/avatar-yHnk3Xc3hC2mIwD9TNxRyUcfa7qJ8E.jpg","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/rGRtTnwlG5uqr3yqrPm4/3d-biomine-shaders-tq6HoWyvpCwxtZQjLLs8zQdm7Kfo4S","metadata":{"tint":{"h":0,"s":18,"l":17},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-01-28T14:22:16.477Z","updatedAt":"2026-02-05T17:47:29.554Z","publishedAt":"2026-02-05T22:58:05.185Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://3d-biomine-shaders.framer.website/","price":"5","paymentUrl":"https://buy.polar.sh/polar_cl_MvSEJ7kd0LWkB7cjDe5UG8bplDuJbT21ReniN0UZae9","workshop":true,"categories":[{"id":"1a3a0eb3-698e-461a-bf42-2502a7ed43e0","name":"Backgrounds","slug":"backgrounds"}],"lastSaveId":"MHtngTfYuzDmKbS9XvMJ","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":7,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-02-05T22:58:05.185Z","updatedAt":"2026-02-05T22:58:05.185Z"}],"pagination":{"next":null,"previous":null},"totalCount":"$undefined","feedSession":"$undefined"}]}},"children":"$L6a"}]