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

3D Parallax Gallery is an immersive image gallery that brings depth and motion to your visuals through three layered parallax levels. Each layer moves at a different speed and uses customizable scale and opacity to create a natural 3D depth effect.

Images continuously flow through the viewport, automatically repositioning and cycling to new images as they leave the screen. Cards are placed organically across the canvas rather than in a rigid grid, creating a dynamic and cinematic composition.

The component is responsive and includes controls for image selection, movement speed, depth, opacity, card dimensions, corner radius, background color, and edge fading.

Key Features

3D Parallax Layers — Three depth layers with independent motion.
Continuous Motion — Images smoothly travel through the gallery.
Automatic Image Cycling — Images refresh as cards exit the viewport.
Organic Layout — Randomized positioning creates a natural composition.
Responsive — Card density adapts to screen width.
Custom Images — Add up to 20 images.
Adjustable Speed — Control far, mid, and close layer speeds.
Custom Depth — Adjust scale and opacity for each layer.
Card Controls — Customize width, height, and corner radius.
Fade Edges — Optional fades create smoother transitions.
Custom Background — Match the gallery to your design.

Best For

Creative & photography portfolios
Agency and studio websites
Fashion and editorial designs
Architecture and interior portfolios
Artist websites
Product showcases
Immersive landing pages
Premium hero sections.

5a:[["$","$L5d",null,{"post":{"id":"01a07b8c-3d20-7074-900b-3e719bd2643e","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"0412f842-fca5-456f-b801-c84139673b67","name":"Motion Lab","slug":"motion-lab-space","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/2431349/avatar-WNkgnug1VXazTgLRq9leRMUuivwRpO.jpg","followed":false,"followsYou":false},"media":[],"resources":[{"id":"JiGtECToizT309PmrDC5","resolved":true,"title":"3D Parallax Gallery","body":"$5e","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"3D Parallax Gallery","marks":[{"type":"bold"}]},{"type":"text","text":" is an immersive image gallery that brings depth and motion to your visuals through three layered parallax levels. Each layer moves at a different speed and uses customizable scale and opacity to create a natural 3D depth effect."}]},{"type":"paragraph","content":[{"type":"text","text":"Images continuously flow through the viewport, automatically repositioning and cycling to new images as they leave the screen. Cards are placed organically across the canvas rather than in a rigid grid, creating a dynamic and cinematic composition."}]},{"type":"paragraph","content":[{"type":"text","text":"The component is responsive and includes controls for image selection, movement speed, depth, opacity, card dimensions, corner radius, background color, and edge fading."}]},{"type":"customHeading","content":[{"type":"text","text":"Key Features"}],"attrs":{"level":2}},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"3D Parallax Layers","marks":[{"type":"bold"}]},{"type":"text","text":" — Three depth layers with independent motion."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Continuous Motion","marks":[{"type":"bold"}]},{"type":"text","text":" — Images smoothly travel through the gallery."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Automatic Image Cycling","marks":[{"type":"bold"}]},{"type":"text","text":" — Images refresh as cards exit the viewport."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Organic Layout","marks":[{"type":"bold"}]},{"type":"text","text":" — Randomized positioning creates a natural composition."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Responsive","marks":[{"type":"bold"}]},{"type":"text","text":" — Card density adapts to screen width."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Custom Images","marks":[{"type":"bold"}]},{"type":"text","text":" — Add up to 20 images."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Adjustable Speed","marks":[{"type":"bold"}]},{"type":"text","text":" — Control far, mid, and close layer speeds."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Custom Depth","marks":[{"type":"bold"}]},{"type":"text","text":" — Adjust scale and opacity for each layer."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Card Controls","marks":[{"type":"bold"}]},{"type":"text","text":" — Customize width, height, and corner radius."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Fade Edges","marks":[{"type":"bold"}]},{"type":"text","text":" — Optional fades create smoother transitions."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Custom Background","marks":[{"type":"bold"}]},{"type":"text","text":" — Match the gallery to your design."}]}]}]},{"type":"customHeading","content":[{"type":"text","text":"Best For"}],"attrs":{"level":2}},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Creative & photography portfolios"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Agency and studio websites"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Fashion and editorial designs"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Architecture and interior portfolios"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Artist websites"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Product showcases"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Immersive landing pages"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Premium hero sections."}]}]}]}]},"introduction":"Multi-layered 3D gallery","slug":"3d-parallax-gallery","author":{"framerUserId":"0412f842-fca5-456f-b801-c84139673b67","name":"Motion Lab","slug":"motion-lab-space","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/2431349/avatar-WNkgnug1VXazTgLRq9leRMUuivwRpO.jpg","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/0412f842-fca5-456f-b801-c84139673b67/01a09f4d-6e97-70c8-8288-4fc353794d1e.png","metadata":{"tint":{"h":0,"s":0,"l":58},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-09-07T11:06:22.897Z","updatedAt":"2026-10-07T11:10:50.937Z","publishedAt":"2026-09-07T11:06:22.887Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://3dparallaxgallery.framer.website/","price":"12","paymentUrl":"https://buy.polar.sh/polar_cl_Dqb8OUW8azDDY6AmsO6G24lWNHdXyG5w47SuA1CafMW","workshop":false,"categories":[{"id":"66bb31f7-cddf-4a3e-8604-95b3467aecc2","name":"Galleries","slug":"galleries"}],"lastSaveId":"qTW5ZfPCYFVm3OgKvV7L","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":3,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-09-07T11:06:23.394Z","updatedAt":"2026-09-07T11:06:23.394Z","reported":false}}],"$L5f"]

Suggested for you