Titles live inside each slide, so they move with the image and fade in as the slide reaches the center. Tags sit beside thin divider lines, plus an optional counter. Fill it by hand, or connect a CMS collection and your project covers become the slides.
Seamless infinite loop, no snap back
CMS ready: connect a Collection List and every item becomes a slide
Drag, wheel, and keyboard navigation
Slide-anchored titles with six position options
Tag labels with divider lines and spacing controls
Autoplay with speed and interval, seven easing presets plus custom cubic bezier
Liquid glass edge distortion on images only, text stays sharp
Mix images and video in the same carousel
Portfolio and case study strips from your Projects collection
Product or lookbook carousels
Editorial chapter by chapter storytelling
Hero sections that need motion without a video file
Framer code component (React + TypeScript), works in any project
Framer CMS via the CMS Source slot
Responsive, no external libraries
Every color is a control, light or dark
Copy it in. It lands full size with the demo setup applied.
Swap the sample media, titles, and tags, or connect a Collection List to CMS Source.
Pick direction, title position, and easing.
Tune liquid glass strength and splay, or switch it off.
New in 1.3: CMS Source slot, preview-ready paste, custom bezier easing, publish fix. Already own it? Recopy from this page, or paste the new code over your existing code file to keep your settings.
Titles live inside each slide, so they move with the image and fade in as the slide reaches the center. Tags sit beside thin divider lines, plus an optional counter. Fill it by hand, or connect a CMS collection and your project covers become the slides.
Seamless infinite loop, no snap back
CMS ready: connect a Collection List and every item becomes a slide
Drag, wheel, and keyboard navigation
Slide-anchored titles with six position options
Tag labels with divider lines and spacing controls
Autoplay with speed and interval, seven easing presets plus custom cubic bezier
Liquid glass edge distortion on images only, text stays sharp
Mix images and video in the same carousel
Portfolio and case study strips from your Projects collection
Product or lookbook carousels
Editorial chapter by chapter storytelling
Hero sections that need motion without a video file
Framer code component (React + TypeScript), works in any project
Framer CMS via the CMS Source slot
Responsive, no external libraries
Every color is a control, light or dark
Copy it in. It lands full size with the demo setup applied.
Swap the sample media, titles, and tags, or connect a Collection List to CMS Source.
Pick direction, title position, and easing.
Tune liquid glass strength and splay, or switch it off.
New in 1.3: CMS Source slot, preview-ready paste, custom bezier easing, publish fix. Already own it? Recopy from this page, or paste the new code over your existing code file to keep your settings.
Marco Ponce de León
