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

3D Scale Carousel is a modern 3D image carousel for Framer that creates a dynamic depth effect by scaling and fading surrounding cards around the focused image. With smooth dragging, wheel navigation, auto advance, focus cues, captions, counters, and individual CMS links, it’s designed for polished portfolios, galleries, and visual showcases.

HOW TO USE

Add 3D Scale Carousel to your Framer page
Add images to each slide
Upload images or use custom image URLs
Add a CMS Link to each slide
Customize card size, ratio, spacing, and corner radius
Adjust the 3D scale and side fade effects
Enable drag, wheel navigation, or auto advance
Add titles, captions, and slide counters
Customize typography, colors, and focus indicators

KEY FEATURES

3D scaling carousel layout
Image-only carousel
Individual CMS Link per slide
Upload or URL-based images
Smooth drag interaction
Momentum and snap navigation
Mouse wheel navigation
Auto advance
Adjustable card scaling
Configurable depth and falloff
Side fade and blur effects
Custom card spacing
Adjustable card ratio and size
Custom corner radius
Focus cue styles
Titles and captions
Slide counter
Custom typography and colors
Responsive container sizing
Reduced-motion support
Up to 40 slides

WHY 3D SCALE CAROUSEL?

3D Scale Carousel turns a traditional image slider into a more immersive visual experience. The focused card stays prominent while surrounding images progressively scale down, fade, and blur to create a strong sense of depth and hierarchy.Keywords: Framer carousel, 3D carousel, 3D image carousel, Framer image carousel, scale carousel, Framer gallery, image gallery, interactive carousel, CMS carousel, CMS link carousel, Framer portfolio component, 3D gallery, creative portfolio, photography carousel, image showcase.

Perfect for creative portfolios, photography websites, agencies, studios, fashion brands, product showcases, case studies, project galleries, and visual storytelling websites.

5a:[["$","$L5d",null,{"post":{"id":"01a08b22-6734-7698-9559-04e2c978b86a","title":null,"body":"

3D Scale Carousel

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"3D Scale Carousel "}]}]},"author":{"framerUserId":"38425120-6213-4b66-8b3c-e3e66d07ec64","name":"Interface Studio","slug":"interfacestudio","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/2199676/kD3QNNYGg-bGneREuqMDI2n3QFCDqegiFFxRtaNA","followed":false,"followsYou":false},"media":[],"resources":[{"id":"mLziWQGioGFv5PRlI1ee","resolved":true,"title":"3D Scale Carousel","body":"$5e","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"3D Scale Carousel","marks":[{"type":"bold"}]},{"type":"text","text":" is a modern 3D image carousel for Framer that creates a dynamic depth effect by scaling and fading surrounding cards around the focused image. With smooth dragging, wheel navigation, auto advance, focus cues, captions, counters, and individual CMS links, it’s designed for polished portfolios, galleries, and visual showcases."}]},{"type":"customHeading","content":[{"type":"text","text":"HOW TO USE"}],"attrs":{"level":1}},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Add "},{"type":"text","text":"3D Scale Carousel","marks":[{"type":"bold"}]},{"type":"text","text":" to your Framer page"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Add images to each slide"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Upload images or use custom image URLs"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Add a "},{"type":"text","text":"CMS Link","marks":[{"type":"bold"}]},{"type":"text","text":" to each slide"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Customize card size, ratio, spacing, and corner radius"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Adjust the 3D scale and side fade effects"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Enable drag, wheel navigation, or auto advance"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Add titles, captions, and slide counters"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Customize typography, colors, and focus indicators"}]}]}]},{"type":"customHeading","content":[{"type":"text","text":"KEY FEATURES"}],"attrs":{"level":1}},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"3D scaling carousel layout"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Image-only carousel"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Individual CMS Link per slide"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Upload or URL-based images"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Smooth drag interaction"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Momentum and snap navigation"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Mouse wheel navigation"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Auto advance"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Adjustable card scaling"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Configurable depth and falloff"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Side fade and blur effects"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Custom card spacing"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Adjustable card ratio and size"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Custom corner radius"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Focus cue styles"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Titles and captions"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Slide counter"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Custom typography and colors"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Responsive container sizing"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Reduced-motion support"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Up to 40 slides"}]}]}]},{"type":"customHeading","content":[{"type":"text","text":"WHY 3D SCALE CAROUSEL?"}],"attrs":{"level":1}},{"type":"paragraph","content":[{"type":"text","text":"3D Scale Carousel","marks":[{"type":"bold"}]},{"type":"text","text":" turns a traditional image slider into a more immersive visual experience. The focused card stays prominent while surrounding images progressively scale down, fade, and blur to create a strong sense of depth and hierarchy.Keywords"},{"type":"text","text":":","marks":[{"type":"bold"}]},{"type":"text","text":" Framer carousel, 3D carousel, 3D image carousel, Framer image carousel, scale carousel, Framer gallery, image gallery, interactive carousel, CMS carousel, CMS link carousel, Framer portfolio component, 3D gallery, creative portfolio, photography carousel, image showcase."}]},{"type":"paragraph","content":[{"type":"text","text":"Perfect for "},{"type":"text","text":"creative portfolios, photography websites, agencies, studios, fashion brands, product showcases, case studies, project galleries, and visual storytelling websites","marks":[{"type":"bold"}]},{"type":"text","text":"."}]},{"type":"paragraph"}]},"introduction":"Dynamic CMS Image Carousel","slug":"3d-scale-carousel","author":{"framerUserId":"38425120-6213-4b66-8b3c-e3e66d07ec64","name":"Interface Studio","slug":"interfacestudio","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/2199676/kD3QNNYGg-bGneREuqMDI2n3QFCDqegiFFxRtaNA","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/38425120-6213-4b66-8b3c-e3e66d07ec64/01a08b22-0bc5-73e8-9e13-af44eca44516.png","metadata":{"tint":{"h":0,"s":0,"l":57},"width":3200,"height":2400}}],"post":null,"createdAt":"2026-09-10T11:44:42.231Z","updatedAt":"2026-09-16T11:23:08.854Z","publishedAt":"2026-09-10T11:44:42.229Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://3dscalecarousel.framer.website/","price":"16","paymentUrl":"https://buy.polar.sh/polar_cl_UlUfc4BHrMqMjxPxSYr7bYBvPJhEmWFxPsBMO3aV042","workshop":false,"categories":[{"id":"8f93ccfe-423c-47f2-b8ae-79e9e132012f","name":"Carousels","slug":"carousels"}],"lastSaveId":"E5NrGZtAp91pQ35OEXfB","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":11,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-09-10T11:44:42.804Z","updatedAt":"2026-09-10T11:44:42.804Z","reported":false}}],"$L5f"]

Suggested for you