Live Preview: https://smartslider-component.framer.website/
CMSSmartSlider is an intelligent carousel component engineered for high-end creators and brands who need to showcase mixed media flawlessly. Unlike standard sliders that force a fixed timer, CMSSmartSlider detects when a video is playing, waits for it to finish, and then gracefully crossfades to the next slide.
I built this component to give you total editorial freedom. With 12 dedicated slots, you can easily choose between an image or a video for each position allowing you to build pure image galleries, full video reels, or hybrid sequences without touching a single line of code.
Designed to the highest Framer Marketplace standards, it is production-bulletproof, perfectly accessible, and guarantees a high-end experience on every device.
Key Features:
Intelligent Auto-Play: The slider automatically pauses its timer to let videos play to completion before transitioning.
Mixed Media Support: 12 highly customizable slots. Simply choose between an 'Image' or 'Video' file for each position in the side panel.
Cinematic Fades: Replaces clunky sliding animations with a buttery-smooth, Apple-inspired opacity fade.
Premium Accessibility (a11y): Fully keyboard-navigable. Features native, ARIA-labeled buttons, forced focus outlines, and Space/Enter key handlers so every user gets a flawless experience.
Production & SSR Safe: Engineered from the ground up to bypass Framer's static rendering quirks. Guaranteed zero editor freezing and flawless video autoplay on live sites.
Responsive UI Controls: Stop fighting with fixed elements. Scale your navigation buttons and icon sizes instantly from the properties panel to dial in the perfect proportions for mobile and desktop.
Easy to Customize:
Zero-code setup directly in the Framer properties panel.
Set custom timer durations for image slides and adjust transition speeds.
Easily recolor UI elements to match your brand.
Ideal for:
Creative Portfolios & Studio Showreels
High-End Product Launches & Tech Hardware
E-commerce Mixed Media Galleries
Campaign Landing Pages
Sherif Alabi
