Component
CMSSmartSlider
An intelligent, mixed-media slider that seamlessly blends images, video files, and externally hosted video URLs. Features cinematic fade transitions, auto-syncing playback, and bulletproof accessibility.
About this Component
Stop cutting your videos off mid-playback.
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, an uploaded video, or an externally hosted video URL 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.
Ideal for:
Creative Portfolios & Studio Showreels
High-End Product Launches & Tech Hardware
E-commerce Mixed Media Galleries
Campaign Landing Pages
Key Features:
IIntelligent Auto-Play: The slider automatically pauses its timer to let videos play to completion before transitioning.
Mixed Media & URL Support: 12 highly customizable slots. Simply choose between an 'Image', a direct 'Video' file upload, or paste a raw external video URL (perfect for Cloudflare, AWS, or custom servers) for each position right 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.
The Process
From purchase to published.
We’ve removed the friction from web design. Launch a high-end, production-ready site in three simple steps.
01
Choose your foundation.
Select a premium template that aligns with your brand's ambition. Every layout is engineered from the ground up to give you a massive head start.
02
Customize in seconds.
Open the remix link and make it yours. Seamlessly swap out typography, brand colors, and content using Framer’s intuitive visual canvas. No code required.
03
Publish and convert.
Hit publish to go live instantly on your custom domain. Start welcoming traffic to a breathtaking website that is built to drive real revenue.
