Create powerful, immersive sliders in Framer with Swiper Slider CMS. Built for designers who want advanced interactions without sacrificing Framer’s visual workflow, this component combines Swiper.js with CMS-driven content, responsive media, and cinematic transitions.
Connect your Framer CMS collection and dynamically control images, videos, titles, descriptions, CTAs, transitions, and content positioning.
Framer CMS Ready — Dynamically generate slides from your CMS collection.
Image & Video Slides — Support images, videos, posters, autoplay, looping, and muted playback.
17+ Premium Transitions — Distortion, Ripple, Glitch, Liquid Warp, Prism, Pixel Dissolve, Page Curl, Slices, Shutters, Stretch, Glass Refraction, Ink Reveal, Mesh Warp, Metallic Sheen, and more.
Swiper Effects — Slide, Fade, Creative, Coverflow, Cube, Flip, and Cards.
Content Choreography — Animate eyebrow, title, description, and CTA with customizable delays and offsets.
Ken Burns & Image Motion — Add cinematic zoom, pan, and movement effects.
Custom Navigation — Glass, solid, outline, or minimal controls with customizable icons, sizing, blur, radius, and hover effects.
Thumbnails & Pagination — Use bullets or interactive thumbnails with customizable active states.
Autoplay Controls — Configure timing, hover behavior, visibility pausing, slide durations, and progress indicators.
Flexible Positioning — Place content across nine positions from top-left to bottom-right.
Advanced Typography — Customize fonts, sizes, weights, colors, spacing, and text transforms.
Accessibility — Includes reduced-motion support, focus states, slide announcements, pause controls, heading levels, and contrast options.
Performance Focused — Optimized rendering, media preloading, and Framer canvas handling.
Perfect for portfolios, architecture, real estate, agencies, editorial websites, product showcases, landing pages, and immersive hero sections.
Build once. Connect your CMS. Create unlimited visual stories.
