5d:I[333483,["/creators-assets/_next/static/immutable/chunks/16d0e6blr3zvd.js","/creators-assets/_next/static/immutable/chunks/1rc641binzbjp.js","/creators-assets/_next/static/immutable/chunks/12ci1vsd8nj4u.js","/creators-assets/_next/static/immutable/chunks/0c6romi9ma0is.js","/creators-assets/_next/static/immutable/chunks/1jubx4t_1hq7l.js","/creators-assets/_next/static/immutable/chunks/30hhj9fl_j_en.js","/creators-assets/_next/static/immutable/chunks/2ply_q-h6u_2z.js","/creators-assets/_next/static/immutable/chunks/33adfll0sgxzj.js","/creators-assets/_next/static/immutable/chunks/1pb7yncyfm9fe.js","/creators-assets/_next/static/immutable/chunks/1j6jg0y72xk13.js","/creators-assets/_next/static/immutable/chunks/2njnkxjf39nsf.js","/creators-assets/_next/static/immutable/chunks/26nhnsanh2piz.js","/creators-assets/_next/static/immutable/chunks/03itqfxm4gmj8.js","/creators-assets/_next/static/immutable/chunks/114fkj16mhe97.js","/creators-assets/_next/static/immutable/chunks/3zq_69yv5l6lg.js","/creators-assets/_next/static/immutable/chunks/19-jcjdymr-fa.js","/creators-assets/_next/static/immutable/chunks/16inv17cv83xq.js","/creators-assets/_next/static/immutable/chunks/2760bhhttj0zo.js","/creators-assets/_next/static/immutable/chunks/3_z6gb0g1nigd.js","/creators-assets/_next/static/immutable/chunks/3vlbhrh3-zofo.js","/creators-assets/_next/static/immutable/chunks/120bipr4k16wv.js","/creators-assets/_next/static/immutable/chunks/3ea2l_ol8wqqa.js","/creators-assets/_next/static/immutable/chunks/3o3dwck1w1ue6.js","/creators-assets/_next/static/immutable/chunks/19r4rf2zyng-y.js","/creators-assets/_next/static/immutable/chunks/2qrxli96_t9cq.js","/creators-assets/_next/static/immutable/chunks/3edl5e308nytq.js","/creators-assets/_next/static/immutable/chunks/05i2jce8amocn.js","/creators-assets/_next/static/immutable/chunks/14pxn0b6e1dc9.js","/creators-assets/_next/static/immutable/chunks/1zr4ew02k6y_l.js","/creators-assets/_next/static/immutable/chunks/2504rifrkrd_l.js","/creators-assets/_next/static/immutable/chunks/08ajsjh8ypdt2.js","/creators-assets/_next/static/immutable/chunks/1ddgh6mv1wg4x.js","/creators-assets/_next/static/immutable/chunks/3o1z26bd2_9eh.js","/creators-assets/_next/static/immutable/chunks/3t6k2_m2gc3-k.js","/creators-assets/_next/static/immutable/chunks/14h9277o22-rl.js","/creators-assets/_next/static/immutable/chunks/1_2vu9p6mra4j.js","/creators-assets/_next/static/immutable/chunks/2qeyp4zfa4qwb.js","/creators-assets/_next/static/immutable/chunks/0w6oa8_ba59u4.js","/creators-assets/_next/static/immutable/chunks/02ciyo_cdpkrz.js","/creators-assets/_next/static/immutable/chunks/3sa-o_ztvtkwe.js","/creators-assets/_next/static/immutable/chunks/3c3kl-ixsd844.js"],"PostDetailCard"] 5e:Tcf0,

The Ultimate CMS Slider for Framer

Stop wrestling with complex overrides and clunky workarounds just to get your CMS items to swipe. The Simple CMS Slider is a production-ready, highly customizable carousel built specifically for Framer's CMS.

Designed with both aesthetics and performance in mind, this component is truly plug-and-play. Just drop it onto your canvas, connect your CMS Collection List or Gallery field, and instantly get a buttery-smooth, fully responsive slider. Whether you need a classic drag-to-swipe carousel or an elegant fading slideshow, this component handles it all.

✨ Key Features

Native CMS Integration: Built from the ground up to accept Framer Collection Lists and Gallery fields, it means you have full control over the creation and styling of your slides.
Dual Animation Modes: Choose between physics-based Swipe (with draggable elasticity) or a sleek Fade transition to suit your layout's vibe. Choose intervals for autoplay and pause on hover are also available.
Total Layout Control: Customize the number of visible slides, gaps, padding, and vertical alignment (Top, Center, or Stretch to match heights).
Full Control:
- Arrows: Group them together, split them apart, use custom SVG icons. Full control over colors, sizing, shadows, positioning and hover states.
- Pagination: Highly customizable dots with active-state scaling, opacity, and color transitions. Position them exactly where you need them.
Limit Items: Easily cap the maximum number of items displayed directly from the properties panel without needing to filter your actual CMS data.

Perfect For:

Testimonial & Review Carousels
E-commerce Product Showcases
Blog Post Highlights
Portfolio Project Galleries
Team Member Directories
Gallery Fields on Detail Pages

🛡️ Built for the Real World

Accessible by Default: Unlike many custom sliders, this component includes full keyboard navigation (Tab to focus, arrows to scroll), ARIA labels, and visually hidden screen-reader text so your site remains compliant and usable for everyone.
Bulletproof Performance: Powered by framer-motion, the physics and transitions are exceptionally smooth. It dynamically measures containers and recalculates layouts automatically so it looks perfect on every breakpoint.
Zero Code Required: Exposes a beautifully organized Property Controls panel. You have granular control over every shadow, radius, and timing duration without ever looking at the code.

Refund Policy

If this component does not function as advertised and the issue cannot be resolved, you are eligible for a full refund. As this is a digital product, refunds will not be provided for any other reason, including change of mind, accidental purchase, lack of use, or expectations of features not explicitly advertised.

5a:[["$","$L5d",null,{"post":{"id":"019d4542-cc11-7011-889c-46ddfbfdec47","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"9e0ae1b0-c4e7-4496-b8e3-c9e5f31b3245","name":"Tom Morris","slug":"tommorris1988","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/9e0ae1b0-c4e7-4496-b8e3-c9e5f31b3245/aolukuov","followed":false,"followsYou":false},"media":[],"resources":[{"id":"8R7ZTmAFRE82BeK7WCdd","resolved":true,"title":"CMS Carousel Slider","body":"$5e","bodyJson":null,"introduction":"Show collection lists in a carousel","slug":"simple-cms-slider","author":{"framerUserId":"9e0ae1b0-c4e7-4496-b8e3-c9e5f31b3245","name":"Tom Morris","slug":"tommorris1988","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/9e0ae1b0-c4e7-4496-b8e3-c9e5f31b3245/aolukuov","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/8R7ZTmAFRE82BeK7WCdd/simple-cms-slider-6omBKUkJhdN2VaSR2CJ94NWbZE0BVa","metadata":{"tint":{"h":0,"s":0,"l":16},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-03-18T15:39:48.059Z","updatedAt":"2026-05-26T21:33:07.490Z","publishedAt":"2026-03-31T18:58:18.769Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://simple-cms-slider.framer.website","price":"10","paymentUrl":"https://ko-fi.com/s/78f60ade69","workshop":false,"categories":[{"id":"8f93ccfe-423c-47f2-b8ae-79e9e132012f","name":"Carousels","slug":"carousels"}],"lastSaveId":"cDCktiDcJcsdPP138aQu","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":8,"liked":false},"comments":{"count":6},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-03-31T18:58:18.769Z","updatedAt":"2026-03-31T18:58:18.769Z","reported":false}}],"$L5f"]

Suggested for you