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

Works Gallery is a scroll-pinned 3D reveal section that turns any portfolio, works page, or case-study list into a cinematic scroll experience. As visitors scroll, rounded media cards pass through a shared perspective stage: each image rises from below, grows to full-bleed at the centre, then flips and scales away as the next takes its place. A true bottom-up reveal, not a zoom, with editorial tilt, edge blur, vignette and smooth eased motion.

Built for creative agencies, design studios, photographers, videographers, architects and freelance portfolios that need their work to land in the first five seconds, and for any landing page needing a high-impact showcase section.

Everything is dynamic and controlled from the Framer properties panel. No code needed.

Unlimited slides, image or video, each with a catalogue number and project name caption
Scroll-pinned 3D stage: small window to full-bleed media, then back out
Full motion control: perspective, flip, tilt, travel, center bleed, reveal shift and zoom, edge shrink and blur, vignette, scroll length per slide, smoothness
One-click Reset animation restores the tuned defaults instantly
Editable heading with alignment, weight, size and tracking
View-all CTA button with custom label, link, new tab and colours
Card width, height, radius, fit, background and colour controls
Caption symbol, size and colour
Video support with loop, mute and image fallback
Temporary top and bottom preview sections to test the scroll in and out, hide for production
Framer native font picker
Respects reduced-motion
100% responsive on desktop, tablet and mobile

Drop it onto any Framer page, add your images or videos, tune the motion to your brand, and ship a showcase that looks custom-built.

Keywords: gallery, portfolio, works, showcase, scroll animation, 3d reveal, parallax, pinned, sticky, video gallery, carousel, case study, projects, agency, studio, photography, cinematic, motion.

5a:[["$","$L5d",null,{"post":{"id":"019fb30c-ad3e-74c2-aad5-483d66c83aaf","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"6b8a7295-7cf5-4068-97c4-9e73f8dd2a5a","name":"Nirav Jivani","slug":"nirav-jivani","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/748434/avatar-ezVWo89tgH3kXj8m4DfCMnfUlNlRfG.jpg","badges":["available","studio"],"followed":false,"followsYou":false},"media":[],"resources":[{"id":"sYQdPvWYob8emTBiiYyJ","resolved":true,"title":"Works Gallery","body":"$5e","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Works Gallery","marks":[{"type":"bold"}]},{"type":"text","text":" is a scroll-pinned 3D reveal section that turns any portfolio, works page, or case-study list into a cinematic scroll experience. As visitors scroll, rounded media cards pass through a shared perspective stage: each image rises from below, grows to full-bleed at the centre, then flips and scales away as the next takes its place. A true bottom-up reveal, not a zoom, with editorial tilt, edge blur, vignette and smooth eased motion."}]},{"type":"paragraph","content":[{"type":"text","text":"Built for creative agencies, design studios, photographers, videographers, architects and freelance portfolios that need their work to land in the first five seconds, and for any landing page needing a high-impact showcase section."}]},{"type":"paragraph","content":[{"type":"text","text":"Everything is dynamic and controlled from the Framer properties panel. No code needed."}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Unlimited slides, image or video","marks":[{"type":"bold"}]},{"type":"text","text":", each with a catalogue number and project name caption"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Scroll-pinned 3D stage:","marks":[{"type":"bold"}]},{"type":"text","text":" small window to full-bleed media, then back out"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Full motion control:","marks":[{"type":"bold"}]},{"type":"text","text":" perspective, flip, tilt, travel, center bleed, reveal shift and zoom, edge shrink and blur, vignette, scroll length per slide, smoothness"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"One-click Reset animation restores the tuned defaults instantly"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Editable heading with alignment, weight, size and tracking"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"View-all CTA button with custom label, link, new tab and colours"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Card width, height, radius, fit, background and colour controls"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Caption symbol, size and colour"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Video support with loop, mute and image fallback"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Temporary top and bottom preview sections to test the scroll in and out, hide for production"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Framer native font picker"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Respects reduced-motion"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"100% responsive on desktop, tablet and mobile"}]}]}]},{"type":"paragraph","content":[{"type":"text","text":"Drop it onto any Framer page, add your images or videos, tune the motion to your brand, and ship a showcase that looks custom-built."}]},{"type":"paragraph","content":[{"type":"text","text":"Keywords","marks":[{"type":"bold"}]},{"type":"text","text":": gallery, portfolio, works, showcase, scroll animation, 3d reveal, parallax, pinned, sticky, video gallery, carousel, case study, projects, agency, studio, photography, cinematic, motion."}]}]},"introduction":"A scroll-pinned 3D reveal gallery","slug":"works-gallery","author":{"framerUserId":"6b8a7295-7cf5-4068-97c4-9e73f8dd2a5a","name":"Nirav Jivani","slug":"nirav-jivani","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/748434/avatar-ezVWo89tgH3kXj8m4DfCMnfUlNlRfG.jpg","badges":["available","studio"],"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/6b8a7295-7cf5-4068-97c4-9e73f8dd2a5a/019fb30c-8c1b-7429-b956-c7d215692953.png","metadata":{"tint":{"h":0,"s":0,"l":3},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-07-30T12:42:59.766Z","updatedAt":"2026-08-21T12:22:39.614Z","publishedAt":"2026-07-30T12:42:59.761Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://featuredworksgallery.framer.website/","price":"10","paymentUrl":"https://contra.com/payment-link/8wv9Gp5T-featured-works-gallery","workshop":false,"categories":[{"id":"66bb31f7-cddf-4a3e-8604-95b3467aecc2","name":"Galleries","slug":"galleries"}],"lastSaveId":"cHDJ4tZh9lfP3TPVdNsx","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-07-30T12:43:00.286Z","updatedAt":"2026-07-30T12:43:00.286Z","reported":false}}],"$L5f"]

Suggested for you