CMS Screen Slider

CMS Cinematic full-screen slider

Live Demo What You Can Control CMS or Manual Mode: Use Framer CMS for dynamic content or manually add slides. Slides: Add as many slides as you need with title and image. In CMS mode, content is populated automatically from your collection. Typography: Full control over all font properties including family, size, weight, line height, letter spacing, style, and color. Text Position: Place titles anywhere: top-left, top-center, top-right, center, bottom-left, bottom-center, or bottom-right. Text Shadow: Enable or disable text shadow with adjustable X/Y offset, blur radius, and color. Background Overlay: Toggle a background tint with customizable color or CSS gradients. Default is 10% black opacity. Features Native Framer CMS Support Connect directly to any Framer CMS collection to create dynamic portfolios, galleries, case studies, or image showcases without duplicating content. Word-by-Word Reveal Title text animates word by word with staggered timing. Flash-free transitions ensure smooth reveals, even when revisiting slides. Smooth Clip-Path Transitions Slides reveal from the left or right with subtle parallax image movement. The previous slide remains visible during transitions to eliminate background flashes. Thumbnail Navigation A thumbnail strip displays all slides. Click any thumbnail to jump directly to that slide. The active slide is automatically highlighted. Click Navigation Click the left half of the screen to move backward or the right half to move forward. Responsive Design Optimized for desktop, tablet, and mobile with smooth interactions across all screen sizes.

CMS Cinematic full-screen slider