Split Screen Slider

Show Preview
Split Screen Slider
Split Screen Slider

About Split Screen Slider

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.

From John Valentine

Image Swipe Reveal
Highlight Reveal
Kinetic Text
Text Reveal Lens

Related Components

Logo Blur Carousel
Depth Image Carousal
Slide show
Scroll 3D Slider