5d:I[333483,["/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/41i4r4u9uolgz.js","/creators-assets/_next/static/immutable/chunks/02ciyo_cdpkrz.js","/creators-assets/_next/static/immutable/chunks/3e73rezw4k1a2.js","/creators-assets/_next/static/immutable/chunks/15q00pdqk0br3.js","/creators-assets/_next/static/immutable/chunks/293prjxu_wz0c.js","/creators-assets/_next/static/immutable/chunks/0l9v835j421-s.js","/creators-assets/_next/static/immutable/chunks/40oma2w708rd-.js","/creators-assets/_next/static/immutable/chunks/2x7-2b3jcc9x7.js","/creators-assets/_next/static/immutable/chunks/3_pg4jxj9aiiw.js","/creators-assets/_next/static/immutable/chunks/3k6sa9ujkqb5c.js","/creators-assets/_next/static/immutable/chunks/3l2h8slpbzxqo.js","/creators-assets/_next/static/immutable/chunks/2xgtw4s-tlhet.js","/creators-assets/_next/static/immutable/chunks/3b306xa-3tb7g.js","/creators-assets/_next/static/immutable/chunks/2fvzgkzqkig_w.js","/creators-assets/_next/static/immutable/chunks/3g6klxxyg4m8-.js","/creators-assets/_next/static/immutable/chunks/0qx5rzvbsd7bx.js","/creators-assets/_next/static/immutable/chunks/1cphzzg2t2qo2.js"],"PostDetailCard"] 5e:T733,

About this Component

Infinite Parallax is a WebGL-powered media gallery built for immersive portfolio and showcase experiences. Move through an endless 2D field of images and videos using drag, wheel, or trackpad input, with smooth inertia, layered parallax, card bending, and a refractive edge effect.

Perfect For

• Creative portfolios • Photography and fashion sites • Editorial layouts • Studio and agency showcases • Experimental landing pages

Key Features

• Infinite horizontal + vertical movement • Supports both images and videos • Up to 10 media items • Drag, wheel, trackpad, and optional touch interaction • Smooth momentum and responsive motion • Cursor and movement-based parallax • Velocity-driven card distortion • Refractive edge lens with RGB split • Adjustable media zoom and video speed • Fast, Balanced, and Sharp quality modes • Responsive across desktop, tablet, and mobile • Optimized offscreen rendering and video pausing

How It Works

Drop the component into your project, upload your media, then fine-tune interaction, depth, distortion, lens strength, background, and performance directly from Framer’s property panel. No code required.

Questions?

Reach out at hasanwali6890@gmail.com

Refund Policy

All sales are final due to the digital, non-tangible nature of this product. A refund may be provided only if you experience a critical technical failure that prevents the component from working as described and the issue cannot be resolved. Refunds are not provided for buyer’s remorse, aesthetic preferences, incorrect setup, or modifications made after purchase. Please report confirmed technical failures with evidence within 14 days of purchase.

5a:[["$","$L5d",null,{"post":{"id":"01a0bd13-1074-760f-ab95-13e482ed80f8","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"10767168-8381-4f2b-9206-2d6c344aae23","name":"Hasan Wali","slug":"hasan-wali","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/98885/avatar-WMhG6M5ak8XBca7qBEj8qK9rJSB8o7.jpg","followed":false,"followsYou":false},"media":[],"resources":[{"id":"2BgXCsL6Zi8VMKqOrsxj","resolved":true,"title":"Infinite Parallax","body":"$5e","bodyJson":{"type":"doc","content":[{"type":"customHeading","content":[{"type":"text","text":"About this Component"}],"attrs":{"level":2}},{"type":"paragraph","content":[{"type":"text","text":"Infinite Parallax is a WebGL-powered media gallery built for immersive portfolio and showcase experiences. Move through an endless 2D field of images and videos using drag, wheel, or trackpad input, with smooth inertia, layered parallax, card bending, and a refractive edge effect."}]},{"type":"customHeading","content":[{"type":"text","text":"Perfect For"}],"attrs":{"level":2}},{"type":"paragraph","content":[{"type":"text","text":"• Creative portfolios • Photography and fashion sites • Editorial layouts • Studio and agency showcases • Experimental landing pages"}]},{"type":"customHeading","content":[{"type":"text","text":"Key Features"}],"attrs":{"level":2}},{"type":"paragraph","content":[{"type":"text","text":"• Infinite horizontal + vertical movement • Supports both images and videos • Up to 10 media items • Drag, wheel, trackpad, and optional touch interaction • Smooth momentum and responsive motion • Cursor and movement-based parallax • Velocity-driven card distortion • Refractive edge lens with RGB split • Adjustable media zoom and video speed • Fast, Balanced, and Sharp quality modes • Responsive across desktop, tablet, and mobile • Optimized offscreen rendering and video pausing"}]},{"type":"customHeading","content":[{"type":"text","text":"How It Works"}],"attrs":{"level":2}},{"type":"paragraph","content":[{"type":"text","text":"Drop the component into your project, upload your media, then fine-tune interaction, depth, distortion, lens strength, background, and performance directly from Framer’s property panel. No code required."}]},{"type":"customHeading","content":[{"type":"text","text":"Questions? "}],"attrs":{"level":2}},{"type":"paragraph","content":[{"type":"text","text":"Reach out at "},{"type":"text","text":"hasanwali6890@gmail.com","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"mailto:hasanwali6890@gmail.com","target":"_blank"}}]}]},{"type":"customHeading","content":[{"type":"text","text":"Refund Policy"}],"attrs":{"level":2}},{"type":"paragraph","content":[{"type":"text","text":"All sales are final due to the digital, non-tangible nature of this product. A refund may be provided only if you experience a critical technical failure that prevents the component from working as described and the issue cannot be resolved. Refunds are not provided for buyer’s remorse, aesthetic preferences, incorrect setup, or modifications made after purchase. Please report confirmed technical failures with evidence within 14 days of purchase."}]}]},"introduction":"Infinite WebGL media gallery","slug":"infinite-parallax","author":{"framerUserId":"10767168-8381-4f2b-9206-2d6c344aae23","name":"Hasan Wali","slug":"hasan-wali","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/98885/avatar-WMhG6M5ak8XBca7qBEj8qK9rJSB8o7.jpg","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/10767168-8381-4f2b-9206-2d6c344aae23/01a0bd12-fe47-747d-9c3c-c77dbf6072ea.png","metadata":{"tint":{"h":60,"s":53,"l":39},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-09-20T04:28:57.794Z","updatedAt":"2026-09-20T04:28:57.794Z","publishedAt":"2026-09-20T04:28:57.792Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://heavy-guests-997201.framer.app","price":"12","paymentUrl":"https://contra.com/payment-link/trNZI1hk-infinite-parallax-infinite-web-gl-media-gallery","workshop":false,"categories":[{"id":"66bb31f7-cddf-4a3e-8604-95b3467aecc2","name":"Galleries","slug":"galleries"}],"lastSaveId":"b7JFadOVk5OTbB7KNSnG","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":0,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-09-20T04:28:58.356Z","updatedAt":"2026-09-20T04:28:58.356Z","reported":false}}],"$L5f"]

Suggested for you