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

⚠️ If you wish to have the exact same Carousel but with Videos & Images, 10+ CMS collection lists connexion simultaneously, a new display style, and overall improved features, it's here : https://hy.chujiqiqi.com/marketplace/components/cms-vid-img-carousel/ 🎯 Purpose & Objective

This ultimate CMS Carousel component transforms your Framer CMS content into stunning, interactive image carousels with professional-grade animations and transitions. Perfect for showcasing portfolios, product galleries, testimonials, or any visual content that needs elegant presentation.

🔌 Data Source Flexibility

Collection Lists - Connect directly to your CMS collections for dynamic content
Gallery - Use Framer's native gallery component for quick image sets
Static Items - Add individual components for custom layouts

🎨 5 Professional Styles

Simple - Clean horizontal sliding transition
Fade - Smooth opacity crossfade between slides
Peek Edges - Preview adjacent slides for context
Cards Expand - Dynamic scaling with depth effect
Coverflow 3D - Apple-inspired 3D rotation effect

⚙️ Core Features

Content Mode : select if you want to display Images or Custom Components that you created in Framer
Autoplay with customizable intervals (800ms - 8000ms)
Pause on Hover - Intelligent interaction detection
Image Ratio Control - Preserve original ratios or set custom dimensions
Flexible Navigation - Arrows inside/outside, 6 position options
Dot Indicators - Visual progress tracking
Infinite Loop - Seamless continuous scrolling
Keyboard Support - Arrow key navigation
Touch/Swipe - Mobile-friendly gesture controls
Click-to-Navigate - Optional side-click advancement

🎛️ Customization Options

Visual Theming - Control colors, backgrounds, opacity
Animation Speed - Fine-tune transition timing (0.1s - 1.2s)
Border Radius - Rounded corners (0-50px)
Object Fit - Cover, contain, fill, or scale-down modes
Gap Control - Spacing between slides (0-80px)
Size Constraints - Min/max width and height settings

🚀 Performance Features

Smart Preloading - Three strategies: All, Current+2, or Lazy
Optimized Rendering - Efficient DOM manipulation
Loading States - Built-in spinner animation
Responsive Design - Adapts to container dimensions

📋 How to Set Up

Drop the component into your Framer project
Choose your data source (Gallery/Collection/Static)
Connect your content (images or components)
Select your preferred style preset
Configure interaction settings (autoplay, navigation, etc.)
Customize appearance (colors, spacing, animations)
Fine-tune performance options if needed

💡 Best Use Cases

Product showcases in e-commerce sites
Portfolio presentations for creative work
Client testimonial rotations
Hero banner slideshows
Image galleries with professional transitions
Before/after comparisons
Team member spotlights
Event photo collections
3 Data sources (Gallery, Collection List or Static Images) :

For any question about the setup of the component, updates or improvements, please send us a mail at framermaster1@gmail.com. If you encounter an issue with your purchase, please contact us within 7 days and we’ll do our best to resolve it. Because this is a digital product, all sales are considered final. Once you complete your purchase, you'll get instant access to the Framer component. Since digital items can't be returned, we're not able to offer refunds, exchanges, or cancellations. Refunds are only issued in cases of duplicate charges.Please make sure to review the features and preview materials before buying. If you're unsure or have any questions, feel free to reach out — we're happy to help before you commit.

By completing your purchase, you're confirming you understand and accept these terms.

5a:[["$","$L5d",null,{"post":{"id":"019961f6-8330-7105-bad8-e1f9ca509a0c","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"a0731dc2-e627-4a50-81d2-75a7b5791669","name":"Product Dude","slug":"product-dude","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/76312/avatar-SsuYbAXh9sy2AoOnT4NCMkJApE2lG6.jpg","followed":false,"followsYou":false},"media":[],"resources":[{"id":"CEXDPXcttOr78UoZbRIS","resolved":true,"title":"CMS Carousel 5 Style","body":"$5e","bodyJson":null,"introduction":"","slug":"cms-carousels-5","author":{"framerUserId":"a0731dc2-e627-4a50-81d2-75a7b5791669","name":"Product Dude","slug":"product-dude","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/76312/avatar-SsuYbAXh9sy2AoOnT4NCMkJApE2lG6.jpg","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/CEXDPXcttOr78UoZbRIS/cms-carousels-5-aez67HkV5WZQmnks39QIQxTb0HQwhz","metadata":{"tint":{"h":0,"s":0,"l":9},"width":1600,"height":1200}}],"post":null,"createdAt":"2025-09-01T13:54:14.861Z","updatedAt":"2025-12-28T10:42:32.570Z","publishedAt":"2025-09-19T12:32:49.456Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://eternal-perspective-558707.framer.app/","price":"8","paymentUrl":"https://buy.polar.sh/polar_cl_ROOtaYZGiqpFZQWS4doirmBEvM2qe3kZkoJIL2W2ElG","workshop":false,"categories":[{"id":"8f93ccfe-423c-47f2-b8ae-79e9e132012f","name":"Carousels","slug":"carousels"}],"lastSaveId":"gEKrE7StzisOX6GgziA2","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":"2025-09-19T12:32:49.456Z","updatedAt":"2025-09-19T12:32:49.456Z","reported":false}}],"$L5f"]

3 Data sources (Gallery, Collection List or Static Images) :

Suggested for you