5d:I[333483,["/creators-assets/_next/static/immutable/chunks/356g_j0l71_46.js","/creators-assets/_next/static/immutable/chunks/05lj3a0qaa006.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/382a8k30zyobj.js","/creators-assets/_next/static/immutable/chunks/368p63l4oh_7-.js","/creators-assets/_next/static/immutable/chunks/325i2v5l4tnlq.js","/creators-assets/_next/static/immutable/chunks/228u8o-g1d1_g.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/413kuej600yyw.js","/creators-assets/_next/static/immutable/chunks/02hyzon6wywme.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:T6fd,

6-in-1 CMS Carousel is an infinite carousel, slider and slideshow for Framer CMS: connect one Collection List and every CMS item becomes its own slide, then switch between six layouts (Hover Grow, Arc, Focus coverflow, Rope, 3D Ring, Classic) without rebuilding your content.

Six layouts in one component

- Hover Grow: the hovered card grows while its neighbors make room (tap to expand on touch)

- Arc: a curved track with depth

- Focus: coverflow with side scale, blur and opacity

- Rope / Curve: cards hang from a sagging rope

- 3D Ring: a perspective ring (CSS 3D, no WebGL)

- Classic: a horizontal peek carousel

Content your way

- CMS: connect one Collection List to the Slots property and each item becomes a slide

- Manual: image or video, title, subtitle, link and alt text per item

- Design the card inside your Collection List; the carousel handles spacing and motion

Built for real sites

- Drag, swipe, mouse wheel, arrows, dots, loop and autoplay

- Pause on hover plus a visible pause button

- Lazy images; videos play only while their slide is active and in view

- Large sets stay light: the absolute layouts only render slides near the active one

- Keyboard navigation, ARIA carousel roles, "n of m" slide labels and reduced-motion support

- A Debug Slots overlay for when CMS items don't split as expected

Good to know

- Check CMS layouts in Preview as well as on the canvas

- A CMS item that is only a single text layer may not split in Preview; add an image or a wrapper frame

After purchase you get the component install link and a short setup guide.

5a:[["$","$L5d",null,{"post":{"id":"01a11833-f836-73dd-a95a-a8a6cf361f2f","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"56b70fee-5192-47e7-bc8d-4db272a76ad6","name":"David Reyes","slug":"dreyess1","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/56b70fee-5192-47e7-bc8d-4db272a76ad6/us57wglw","followed":false,"followsYou":false},"media":[],"resources":[{"id":"HRE3TFhdQWRL0cLBiTGE","resolved":true,"title":"6-in-1 CMS Carousel","body":"$5e","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"6-in-1 CMS Carousel is an infinite carousel, slider and slideshow for Framer CMS: connect one Collection List and every CMS item becomes its own slide, then switch between six layouts (Hover Grow, Arc, Focus coverflow, Rope, 3D Ring, Classic) without rebuilding your content."}]},{"type":"paragraph","content":[{"type":"text","text":"Six layouts in one component","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"- Hover Grow: the hovered card grows while its neighbors make room (tap to expand on touch)"}]},{"type":"paragraph","content":[{"type":"text","text":"- Arc: a curved track with depth"}]},{"type":"paragraph","content":[{"type":"text","text":"- Focus: coverflow with side scale, blur and opacity"}]},{"type":"paragraph","content":[{"type":"text","text":"- Rope / Curve: cards hang from a sagging rope"}]},{"type":"paragraph","content":[{"type":"text","text":"- 3D Ring: a perspective ring (CSS 3D, no WebGL)"}]},{"type":"paragraph","content":[{"type":"text","text":"- Classic: a horizontal peek carousel"}]},{"type":"paragraph","content":[{"type":"text","text":"Content your way","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"- CMS: connect one Collection List to the Slots property and each item becomes a slide"}]},{"type":"paragraph","content":[{"type":"text","text":"- Manual: image or video, title, subtitle, link and alt text per item"}]},{"type":"paragraph","content":[{"type":"text","text":"- Design the card inside your Collection List; the carousel handles spacing and motion"}]},{"type":"paragraph","content":[{"type":"text","text":"Built for real sites","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"- Drag, swipe, mouse wheel, arrows, dots, loop and autoplay"}]},{"type":"paragraph","content":[{"type":"text","text":"- Pause on hover plus a visible pause button"}]},{"type":"paragraph","content":[{"type":"text","text":"- Lazy images; videos play only while their slide is active and in view"}]},{"type":"paragraph","content":[{"type":"text","text":"- Large sets stay light: the absolute layouts only render slides near the active one"}]},{"type":"paragraph","content":[{"type":"text","text":"- Keyboard navigation, ARIA carousel roles, \"n of m\" slide labels and reduced-motion support"}]},{"type":"paragraph","content":[{"type":"text","text":"- A Debug Slots overlay for when CMS items don't split as expected"}]},{"type":"paragraph","content":[{"type":"text","text":"Good to know","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"- Check CMS layouts in Preview as well as on the canvas"}]},{"type":"paragraph","content":[{"type":"text","text":"- A CMS item that is only a single text layer may not split in Preview; add an image or a wrapper frame"}]},{"type":"paragraph","content":[{"type":"text","text":"After purchase you get the component install link and a short setup guide."}]}]},"introduction":"Infinite 3D slider & slideshow","slug":"6-in-1-cms-carousel","author":{"framerUserId":"56b70fee-5192-47e7-bc8d-4db272a76ad6","name":"David Reyes","slug":"dreyess1","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/56b70fee-5192-47e7-bc8d-4db272a76ad6/us57wglw","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/56b70fee-5192-47e7-bc8d-4db272a76ad6/01a11d94-10b5-73f8-9f20-5dea45c11092.webp","metadata":{"tint":{"h":0,"s":0,"l":3},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-10-07T21:10:20.847Z","updatedAt":"2026-10-08T22:13:28.497Z","publishedAt":"2026-10-07T21:10:20.844Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://pixelsunset.framer.website/multilayout-carousel","price":"11","paymentUrl":"https://buy.stripe.com/dRm3cucKef0J6Gi7WtcMM00","workshop":false,"categories":[{"id":"8f93ccfe-423c-47f2-b8ae-79e9e132012f","name":"Carousels","slug":"carousels"}],"lastSaveId":"ZJm1Sq0mE5Ah4ZvFbtvd","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":0,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-10-07T21:10:21.494Z","updatedAt":"2026-10-07T21:10:21.494Z","reported":false}}],"$L5f"]

Suggested for you