---
title: "Split Screen Slider — Free Framer component · Best of Framer"
description: "Free Framer component · by John Valentine · Carousels. Showcase your product, features, or stories with a sleek split-screen slider."
canonical: "https://framer.elliotli.dev/component/split-screen-slider"
---

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

# Split Screen Slider

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

![Split Screen Slider preview image 1](https://framer.elliotli.dev/og/component/split-screen-slider/9f3a41a9d904938e/1600x1200.jpg)

## Summary

Showcase your product, features, or stories with a sleek split-screen slider.

## Description

Showcase your product, features, or stories with a sleek split-screen slider. Text updates on one side while images or videos transition on the other, keeping words and visuals perfectly in sync.

**Features**

-   **Split layout:** left panel for text, right panel for media
    
-   **3 transitions:** choose between fade, slide, or parallax
    
-   **Speed**: Control slider speed
    
-   **Customizable slides:** title, description, media, accent color
    
-   **Responsive design:** stacks vertically on mobile for clarity
    
-   **Premium style:** smooth animations, clean spacing, polished typography
    
-   **Accessibility:** reduced-motion support, alt text for media
    
-   **Performance:** lazy-loaded images/videos, GPU transforms only
    

Perfect for SaaS landing pages, feature showcases, Team Profiles and product storytelling.

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

-   All · #6336

## Details

- **Author**: John Valentine
- **Published**: 2025-10-08
- **Updated**: 2025-10-08
- **Added**: 2025-09-29
- **Categories**: Carousels

## More like this

-   [Screen Stage Mockup](/component/screen-stage-mockup) — Aisol Studio · $14 — Your screens in synced devices
-   [Team Reel](/component/team-reel) — Ali Musa · Free — Interactive Team Showcase
-   [Slider](/component/slider) — MAS · Free — A smooth, customizable slider.
-   [Cascade Card Slider](/component/cascade-card-slider) — Tim Yeng · Free — Cards that cascade into view