---
title: "CMS Screen Slider — Framer component · Best of Framer"
description: "$12.00 · Framer component · by Nora Salem · Carousels. CMS Cinematic full-screen slider"
canonical: "https://framer.elliotli.dev/component/cms-screen-slider"
---

[Home](/)/[Components](/components)/[Carousels](/components/category/carousels)/CMS Screen Slider

# CMS Screen Slider

CMS Cinematic full-screen slider

[View on Framer](https://framer.com/marketplace/components/cms-screen-slider/?via=elliot-li)

![CMS Screen Slider preview image 1](https://framer.elliotli.dev/og/component/cms-screen-slider/8515cc6a54729fe8/1600x1200.jpg)

## Summary

CMS Cinematic full-screen slider

## Description

[Live Demo](https://fullslider.framer.website/)

### 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.

## Rank history [How rankings work →](/terms#rankings)

-   All · #8712

## Details

- **Author**: Nora Salem
- **Price**: $12.00
- **Published**: 2026-02-20
- **Updated**: 2026-07-13
- **Added**: 2026-02-19
- **Categories**: Carousels

## More like this

-   [3DCurvedImageMarquee](/component/3dcurvedimagemarquee) — Lera · $4 — Curved perspective double ticker
-   [Orbit Kit Carousel](/component/orbit-kit-carousel) — Khairul Fauzy Khairudin · $12 — 3D drag carousel with inertia
-   [Team Orbit](/component/team-orbit) — Ali Musa · Free — Interactive Team Showcase
-   [Glow Testimonial](/component/glow-testimonial) — Interface Studio · Free — Testimonials with a Little Glow