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

This Ultimate Carousel + Lightbox is the most powerful and flexible carousel component for Framer. Whether you're building a portfolio, product showcase, or media gallery, this component adapts to any use case with pixel-perfect control.

🎨 6 Display Styles

Simple, Fade, Peek Edges, Cards Expand, Coverflow 3D, and Smooth Scroll
Each style offers unique visual effects and transitions
Smooth animations with customizable speed

📦 Flexible Data Sources

Connect single or multiple Collection Lists (CMS)
Add Static Items for manual control
Shuffle Order option to randomize content

🖼️ Content Modes

Images/Videos: Photos, graphics, video files with aspect ratio control
Components: Custom Framer components, cards, frames, YouTube/Vimeo embeds

🔍 Built-in Lightbox

Fullscreen viewing experience for images and videos
Internal or external control layouts
Video autoplay with native controls
Custom close button and arrow icons
Portal mode to display above all elements🎬 Advanced Video Control
Autoplay on visible slide or on hover
Sound on hover
Reset on hover out
Full lightbox video playback with controls

🎯 Navigation Options

Drag/swipe to navigate
Keyboard arrow keys support
Click sides to navigate
Mouse wheel/trackpad scrolling
Infinite loop or bounded navigation

✨ Hover Effects

Scale zoom on hover
Color effects: Black & White, Sepia, Blur
Smooth transition animations

🎛️ Full Design Control

Custom arrow icons, sizes, colors, blur, and positioning
Dot indicators with default or custom icon modes
Adjustable gaps, padding, and radius
Shadow effects
Keep Ratio mode with configurable base height
Fit or Fixed sizing for components

📐 Responsive & Smart Sizing

Ratio Size for maintaining aspect ratios
Min/Max width and height controls
Tile positioning (top, center, bottom) for Smooth Scroll
Auto-fit content dimensions for components

⚡ Performance

Preloading strategies: All, Current Only, or Lazy Load
Optimized rendering and transitions

Refund policy :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":"019b46f1-fb90-71d1-be1e-604950418f81","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":"hstvEBz0hj3uSFxRTBfA","resolved":true,"title":"CMS Vid-Img Carousel","body":"$5e","bodyJson":null,"introduction":"","slug":"cms-vid-img-carousel","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/hstvEBz0hj3uSFxRTBfA/cms-vid-img-carousel-6e4GI6wwc6ubnMMi3uuXyPmTqUKpfU","metadata":{"tint":{"h":0,"s":0,"l":9},"width":1600,"height":1200}}],"post":null,"createdAt":"2025-12-09T15:18:10.917Z","updatedAt":"2025-12-22T16:43:38.129Z","publishedAt":"2025-12-22T16:43:42.352Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://zestful-hiring-267029.framer.app/","price":"9","paymentUrl":"https://buy.polar.sh/polar_cl_bhQeh7Zgi2vr2h14dp3S1JiB9LmsvnAiYVoSx0ficR2","workshop":false,"categories":[{"id":"8f93ccfe-423c-47f2-b8ae-79e9e132012f","name":"Carousels","slug":"carousels"}],"lastSaveId":"rNadLxHIAXUXmph8oPKR","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":3,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2025-12-22T16:43:42.352Z","updatedAt":"2025-12-22T16:43:42.352Z","reported":false}}],"$L5f"]

Suggested for you