5e:I[333483,["/creators-assets/_next/static/immutable/chunks/356g_j0l71_46.js","/creators-assets/_next/static/immutable/chunks/00zhqb0zqgnk3.js","/creators-assets/_next/static/immutable/chunks/415hvdruki4ud.js","/creators-assets/_next/static/immutable/chunks/3_vedwwik9kwx.js","/creators-assets/_next/static/immutable/chunks/1jubx4t_1hq7l.js","/creators-assets/_next/static/immutable/chunks/0c6romi9ma0is.js","/creators-assets/_next/static/immutable/chunks/1ktf0sm5sxqup.js","/creators-assets/_next/static/immutable/chunks/1dzfckym0nghc.js","/creators-assets/_next/static/immutable/chunks/1vr_3-vdcf0mn.js","/creators-assets/_next/static/immutable/chunks/1cuuzi60s_xh3.js","/creators-assets/_next/static/immutable/chunks/1e4nq30y40mt7.js","/creators-assets/_next/static/immutable/chunks/0ccg8j7qcn1bd.js","/creators-assets/_next/static/immutable/chunks/1gop2naj8q_bx.js","/creators-assets/_next/static/immutable/chunks/0a1gpscfztyde.js","/creators-assets/_next/static/immutable/chunks/2k_aekaeyljm2.js","/creators-assets/_next/static/immutable/chunks/36-o7-3julke0.js","/creators-assets/_next/static/immutable/chunks/3-aog2q7la1hs.js","/creators-assets/_next/static/immutable/chunks/41lhc7ix2xugk.js","/creators-assets/_next/static/immutable/chunks/0xd4yj8g3g-ci.js","/creators-assets/_next/static/immutable/chunks/0mxxs4-__ynew.js","/creators-assets/_next/static/immutable/chunks/14h9277o22-rl.js","/creators-assets/_next/static/immutable/chunks/43klns5g0wl80.js","/creators-assets/_next/static/immutable/chunks/1o0ogv90oxalc.js","/creators-assets/_next/static/immutable/chunks/10ydirfi9qu21.js","/creators-assets/_next/static/immutable/chunks/2-y_r3u4wh2s3.js","/creators-assets/_next/static/immutable/chunks/3q5d1avmchlp0.js","/creators-assets/_next/static/immutable/chunks/02ciyo_cdpkrz.js","/creators-assets/_next/static/immutable/chunks/149w-u4or12up.js","/creators-assets/_next/static/immutable/chunks/1kws7r6etoq5-.js","/creators-assets/_next/static/immutable/chunks/13mks9ztnefhj.js","/creators-assets/_next/static/immutable/chunks/17pioewhhzr_j.js","/creators-assets/_next/static/immutable/chunks/0l9v835j421-s.js","/creators-assets/_next/static/immutable/chunks/2p4sqhvmasp9s.js","/creators-assets/_next/static/immutable/chunks/15q00pdqk0br3.js","/creators-assets/_next/static/immutable/chunks/3lqyfto2688hr.js","/creators-assets/_next/static/immutable/chunks/3fr1ev83fgwky.js","/creators-assets/_next/static/immutable/chunks/3k6sa9ujkqb5c.js","/creators-assets/_next/static/immutable/chunks/0g9mmnya96tz6.js","/creators-assets/_next/static/immutable/chunks/2rdaqkxiyeq_6.js","/creators-assets/_next/static/immutable/chunks/2ee50z0bknh40.js","/creators-assets/_next/static/immutable/chunks/0rfcd366io6r9.js","/creators-assets/_next/static/immutable/chunks/3um5ae_udgvki.js","/creators-assets/_next/static/immutable/chunks/2jl0sg8984bmg.js","/creators-assets/_next/static/immutable/chunks/14pxn0b6e1dc9.js","/creators-assets/_next/static/immutable/chunks/19r4rf2zyng-y.js","/creators-assets/_next/static/immutable/chunks/2zlizmh1083ez.js"],"PostDetailCard"] 5f:T5bc,

Interactive Preview Gallery & Carousel

Transform how users engage with your visual content using the Interactive Preview Gallery & Carousel, a dynamic, feature-rich Framer component designed for portfolios, product showcases, and creative studios. This component seamlessly blends a structured image list with an immersive, full-featured preview mode, giving your audience the ultimate control over how they explore your work.

Dynamic Main Preview: Clicking any thumbnail or list item instantly projects a high-resolution preview of the selected image, allowing users to inspect details up close without page reloads.
Frictionless Revert Button: Includes an intuitive, responsive back button that lets users instantly dismiss the expanded view and return to the complete image list with a single click.
Integrated Horizontal Scrollbar: Features a sleek, custom-styled scroll bar beneath the listing grid, ensuring smooth, effortless navigation even when managing extensive photo collections or wide aspect ratios.
Full Framer Customization: Tailor the layout, spacing, border radii, and transition animations natively right inside the Framer sidebar. Built with performance in mind, it is lightweight, fully responsive across all breakpoints, and ready to deploy in seconds.

5b:[["$","$L5e",null,{"post":{"id":"01a0dc41-03e3-740a-83ee-c80345ab40ab","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"dd31c0e8-94c4-4870-bf97-534b2c7041ef","name":"Krav Studios (Gourav)","slug":"gourav-kundu","avatar":null,"followed":false,"followsYou":false},"media":[],"resources":[{"id":"RqOTjB2hjf4KmThghokx","resolved":true,"title":"Scroll Macos Preview","body":"$5f","bodyJson":{"type":"doc","content":[{"type":"customHeading","content":[{"type":"text","text":"Interactive Preview Gallery & Carousel","marks":[{"type":"bold"}]}],"attrs":{"level":2}},{"type":"paragraph","content":[{"type":"text","text":"Transform how users engage with your visual content using the "},{"type":"text","text":"Interactive Preview Gallery & Carousel","marks":[{"type":"bold"}]},{"type":"text","text":", a dynamic, feature-rich Framer component designed for portfolios, product showcases, and creative studios. This component seamlessly blends a structured image list with an immersive, full-featured preview mode, giving your audience the ultimate control over how they explore your work."}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Dynamic Main Preview","marks":[{"type":"bold"}]},{"type":"text","text":": Clicking any thumbnail or list item instantly projects a high-resolution preview of the selected image, allowing users to inspect details up close without page reloads."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Frictionless Revert Button","marks":[{"type":"bold"}]},{"type":"text","text":": Includes an intuitive, responsive back button that lets users instantly dismiss the expanded view and return to the complete image list with a single click."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Integrated Horizontal Scrollbar","marks":[{"type":"bold"}]},{"type":"text","text":": Features a sleek, custom-styled scroll bar beneath the listing grid, ensuring smooth, effortless navigation even when managing extensive photo collections or wide aspect ratios."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Full Framer Customization","marks":[{"type":"bold"}]},{"type":"text","text":": Tailor the layout, spacing, border radii, and transition animations natively right inside the Framer sidebar. Built with performance in mind, it is lightweight, fully responsive across all breakpoints, and ready to deploy in seconds."}]}]}]}]},"introduction":"Gallery/Carrousel with scroll bar","slug":"scroll-macos-preview","author":{"framerUserId":"dd31c0e8-94c4-4870-bf97-534b2c7041ef","name":"Krav Studios (Gourav)","slug":"gourav-kundu","avatar":null,"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/dd31c0e8-94c4-4870-bf97-534b2c7041ef/01a0dc40-f61c-708b-8c7a-764ad7644492.png","metadata":{"tint":{"h":0,"s":0,"l":58},"width":668,"height":521}}],"post":null,"createdAt":"2026-09-26T05:47:22.753Z","updatedAt":"2026-09-26T05:47:22.753Z","publishedAt":"2026-09-26T05:47:22.751Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":"https://framer.com/m/galler-74bfJ7.js@3MaYsoqFSUke9V5xxS5h","previewUrl":"https://nutty-leaders-990147.framer.app/","price":null,"paymentUrl":null,"workshop":false,"categories":[{"id":"8f93ccfe-423c-47f2-b8ae-79e9e132012f","name":"Carousels","slug":"carousels"}],"lastSaveId":"3MaYsoqFSUke9V5xxS5h","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":"2026-09-26T05:47:23.491Z","updatedAt":"2026-09-26T05:47:23.491Z","reported":false}}],"$L60"]

Suggested for you