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

3D Infinite Grid is a smooth scrolling parallax grid component that creates an endless image layout with depth, motion, and drag interaction. The grid moves infinitely in all directions and uses mouse parallax, easing animation, and scale effects to create a modern 3D feel.

This component is designed for interactive websites, hero sections, portfolios, galleries, and creative layouts where you want a dynamic grid instead of a static image gallery. The infinite grid system repeats seamlessly, so the layout never ends and always feels alive.

3D Infinite Grid supports image uploads and URL images, works smoothly on desktop and mobile, and includes drag scrolling, mouse parallax, scroll easing, image scaling, and customizable spacing. The parallax grid effect adds depth while keeping performance fast and optimized for Framer projects.

The component is built for modern UI design and works perfectly for designers who want a premium animated grid without writing complex code.

Key Features

• Infinite grid layout

• Smooth parallax motion

• Mouse parallax effect

• Drag to scroll

• Endless looping grid

• 3D depth animation

• Smooth easing movement

• Image upload support

• Image URL support

• Image size control

• Border radius control

• Scroll ease control

• Parallax strength control

• Mobile friendly

• High performance

• Works in hero sections

• Works in galleries

• Works in portfolios

• Works in landing pages

• Optimized for Framer

Best For

• Hero section layouts

• Portfolio showcase

• Image galleries

• Creative websites

• Landing pages

• Modern UI design

• Product showcase

• Photography sites

• Designer portfolios

• Agency websites

• Parallax sections

• Infinite layouts

• Animated backgrounds

• Interactive websites

• Premium designs

5a:[["$","$L5d",null,{"post":{"id":"019d4344-4525-7117-b1be-2d8c095b3fc6","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"f1605d16-3738-4772-8b1f-960f69e43c1f","name":"Mohd Qasim","slug":"mohd-qasim","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/1578570/avatar-vEAMaKseGusvLs3cBK3fTMKwFnWzh1.jpg","followed":false,"followsYou":false},"media":[],"resources":[{"id":"fKNrRhISDC7l8fQnJNMV","resolved":true,"title":"3D Infinite Grid","body":"$5e","bodyJson":null,"introduction":"Parallax 3D infinite image grid","slug":"3d-infinite-grid","author":{"framerUserId":"f1605d16-3738-4772-8b1f-960f69e43c1f","name":"Mohd Qasim","slug":"mohd-qasim","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/1578570/avatar-vEAMaKseGusvLs3cBK3fTMKwFnWzh1.jpg","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/fKNrRhISDC7l8fQnJNMV/3d-infinite-grid-grQIswo9Nf9PkVEin8HNMqImaOZiUA","metadata":{"tint":{"h":0,"s":0,"l":57},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-03-19T10:01:35.772Z","updatedAt":"2026-06-16T12:33:51.157Z","publishedAt":"2026-03-31T09:40:40.869Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://3dinfinitegrid.framer.website/","price":"12","paymentUrl":"https://buy.polar.sh/polar_cl_0mLvverlwqAQCYFy2Alz3DOwHj63WOVGbQjmW1Bh04f","workshop":true,"categories":[{"id":"66bb31f7-cddf-4a3e-8604-95b3467aecc2","name":"Galleries","slug":"galleries"}],"lastSaveId":"q1I084jHYJwHzyC1dQIK","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":9,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-03-31T09:40:40.869Z","updatedAt":"2026-03-31T09:40:40.869Z","reported":false}}],"$L5f"]

Suggested for you