Split Screen Slider
Modern split-screen Media slider: text on the left, images on the right. Smooth transitions, responsive layout, and fully customizable.
About this Component
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.
