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

About this component 🎛️

Infinite scrolling masonry grid with customizable 3D perspective and smooth animations

Key Features ✨

Displays images in a dynamic 3D space with customizable perspective, tilt, and rotation controls for a unique visual presentation
Smooth continuous scrolling animation with adjustable speed that loops seamlessly, creating an engaging browsing experience
Users can manually scroll using mouse wheel, click-and-drag, or touch gestures on mobile devices
Intelligent grid system that arranges images of varying heights into balanced columns for optimal space usage
Optional gradient overlays on edges (top/bottom or left/right) to create depth and focus attention on center content
Subtle vertical movement on gallery items creates a dynamic, living gallery effect
Extensive property controls for layout, colors, animations, 3D transforms, shadows, and more
Adapts to different container sizes while maintaining visual quality and performance
Uses requestAnimationFrame for smooth 60fps animations and efficient rendering

Perfect for 🔥

Portfolios, product showcases, photo galleries, or any visual-heavy website that needs to make a strong impression

Questions❓

If you have any questions or need clarification, feel free to reach out before completing your order. hello@8ighty8.studio

Follow me on X @8ighty8studio

Changelog ⚙️

Version 2: 11/9/2025

Added lightbox property with a variety of customization options
Property control updated to be organized into logical groups for easy configuration

5a:[["$","$L5d",null,{"post":{"id":"0199f263-960c-731e-be0e-eb601a176c3b","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"a83173ad-5f15-43db-8009-8e385e3afb23","name":"8ighty8 ","slug":"8ighty8studio","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/1195396/avatar-JpjcptqpIxVC5OLV2QPzParLLUBxnY.jpg","badges":["available","expert"],"followed":false,"followsYou":false},"media":[],"resources":[{"id":"SU37Zwv9Doc68EX6waw5","resolved":true,"title":"PerspectiveGrid","body":"$5e","bodyJson":null,"introduction":"Infinite scrolling masonry grid ","slug":"perspectivegrid","author":{"framerUserId":"a83173ad-5f15-43db-8009-8e385e3afb23","name":"8ighty8 ","slug":"8ighty8studio","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/1195396/avatar-JpjcptqpIxVC5OLV2QPzParLLUBxnY.jpg","badges":["available","expert"],"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/SU37Zwv9Doc68EX6waw5/perspectivegrid-MZHsgnfZ9tBb9WoSLN34ewKvSC1l5x","metadata":{"tint":{"h":0,"s":0,"l":58},"width":1600,"height":1200}}],"post":null,"createdAt":"2025-10-08T02:29:39.948Z","updatedAt":"2026-04-03T00:55:31.111Z","publishedAt":"2025-10-17T13:37:16.812Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://daily-champion-815432.framer.app/","price":"22","paymentUrl":"https://contra.com/payment-link/T6XahEMD-perspective-grid-standard-license","workshop":true,"categories":[{"id":"66bb31f7-cddf-4a3e-8604-95b3467aecc2","name":"Galleries","slug":"galleries"}],"lastSaveId":"cMWnUAX5sHSwuPX8X6LU","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":"2025-10-17T13:37:16.812Z","updatedAt":"2025-10-17T13:37:16.812Z","reported":false}}],"$L5f"]

Suggested for you